@charset "UTF-8";

body {
	line-height: 1;
	min-width: 1300px
}

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

del {
	text-decoration: line-through
}

img {
	height: auto;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

i,em {
	font-style: normal
}

ol,ul,menu {
	list-style: none outside none
}

fieldset,iframe,abbr,acronym {
	border: 0 none
}

iframe {
	display: block
}

textarea {
	resize: vertical
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit
}

th {
	text-align: inherit
}

button,input,select,textarea {
	font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
	margin: 0
}

.clearfix {
	*zoom: 1
}

.clearfix:before,.clearfix:after {
	content: "";
	display: table;
	line-height: 0
}

.clearfix:after {
	clear: both
}

.ui-dialog {
	*zoom: 1;
	_float: left;
	position: relative;
	background-color: #FFF;
	border-radius: 6px;
	outline: 0;
	background-clip: padding-box;
	font-family: Helvetica,arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .15s ease-in-out,opacity .15s ease-in-out;
	transition: transform .15s ease-in-out,opacity .15s ease-in-out
}

.ui-popup-show .ui-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.ui-popup-focus .ui-dialog {
	box-shadow: 0 0 8px rgba(0,0,0,0.1)
}

.ui-popup-modal .ui-dialog {
	box-shadow: 0 0 8px rgba(0,0,0,0.1),0 0 256px rgba(255,255,255,0.3)
}

.ui-dialog-grid {
	width: auto;
	margin: 0;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	background: transparent
}

.ui-dialog-header,.ui-dialog-body,.ui-dialog-footer {
	padding: 0;
	border: 0 none;
	text-align: left;
	background: transparent
}

.ui-dialog-header {
	white-space: nowrap;
	border-bottom: 1px solid #e5e5e5
}

.ui-dialog-close {
	position: relative;
	_position: absolute;
	float: right;
	top: 13px;
	right: 13px;
	font-size: 50px;
	width: 30px;
	height: 36px;
	text-indent: -9999px;
	padding: 0;
	font-weight: normal;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	cursor: pointer;
	_background: #FFF;
	font-family: "SimHei";
	border: 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-repeat: no-repeat
}

.ui-dialog-close:hover,.ui-dialog-close:focus {
	color: #d13038;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	background-repeat: no-repeat
}

.ui-dialog-title {
	margin: 0;
	line-height: 1.428571429;
	min-height: 16.428571429px;
	padding: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	cursor: default
}

.ui-dialog-body {
	padding: 20px 40px;
	text-align: center
}

.ui-dialog-content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	*zoom: 1;
	*display: inline;
	text-align: left
}

.ui-dialog-footer {
	padding: 0 20px 20px 20px
}

.ui-dialog-statusbar {
	float: left;
	margin-right: 20px;
	padding: 6px 0;
	line-height: 1.428571429;
	font-size: 14px;
	color: #888;
	white-space: nowrap
}

.ui-dialog-statusbar label:hover {
	color: #333
}

.ui-dialog-statusbar input,.ui-dialog-statusbar .label {
	vertical-align: middle
}

.ui-dialog-button {
	float: right;
	white-space: nowrap
}

.ui-dialog-footer button+button {
	margin-bottom: 0;
	margin-left: 5px
}

.ui-dialog-footer button {
	width: auto;
	overflow: visible;
	display: inline-block;
	padding: 6px 12px;
	_margin-left: 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.ui-dialog-footer button:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.ui-dialog-footer button:hover,.ui-dialog-footer button:focus {
	color: #333;
	text-decoration: none
}

.ui-dialog-footer button:active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.ui-dialog-footer button[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	box-shadow: none
}

.ui-dialog-footer button {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.ui-dialog-footer button:hover,.ui-dialog-footer button:focus,.ui-dialog-footer button:active {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad
}

.ui-dialog-footer button:active {
	background-image: none
}

.ui-dialog-footer button[disabled],.ui-dialog-footer button[disabled]:hover,.ui-dialog-footer button[disabled]:focus,.ui-dialog-footer button[disabled]:active {
	background-color: #fff;
	border-color: #ccc
}

.ui-dialog-footer button.ui-dialog-autofocus {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,.ui-dialog-footer button.ui-dialog-autofocus:focus,.ui-dialog-footer button.ui-dialog-autofocus:active {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
	background-image: none
}

.ui-popup-top-left .ui-dialog,.ui-popup-top .ui-dialog,.ui-popup-top-right .ui-dialog {
	top: -8px
}

.ui-popup-bottom-left .ui-dialog,.ui-popup-bottom .ui-dialog,.ui-popup-bottom-right .ui-dialog {
	top: 8px
}

.ui-popup-left-top .ui-dialog,.ui-popup-left .ui-dialog,.ui-popup-left-bottom .ui-dialog {
	left: -8px
}

.ui-popup-right-top .ui-dialog,.ui-popup-right .ui-dialog,.ui-popup-right-bottom .ui-dialog {
	left: 8px
}

.ui-dialog-arrow-a,.ui-dialog-arrow-b {
	position: absolute;
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
	_color: #ff3fff;
	_-webkit-filter: chroma(color=#FF3FFF);
	_ filter: chroma(color=#FF3FFF);
	border: 8px dashed transparent
}

.ui-popup-follow .ui-dialog-arrow-a,.ui-popup-follow .ui-dialog-arrow-b {
	display: block
}

.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-a {
	bottom: -16px;
	border-top: 8px solid #7c7c7c
}

.ui-popup-top-left .ui-dialog-arrow-b,.ui-popup-top .ui-dialog-arrow-b,.ui-popup-top-right .ui-dialog-arrow-b {
	bottom: -15px;
	border-top: 8px solid #fff
}

.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-b {
	left: 15px
}

.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-b {
	left: 50%;
	margin-left: -8px
}

.ui-popup-top-right .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-b {
	right: 15px
}

.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-a {
	top: -16px;
	border-bottom: 8px solid #7c7c7c
}

.ui-popup-bottom-left .ui-dialog-arrow-b,.ui-popup-bottom .ui-dialog-arrow-b,.ui-popup-bottom-right .ui-dialog-arrow-b {
	top: -15px;
	border-bottom: 8px solid #fff
}

.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-b {
	left: 15px
}

.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-b {
	margin-left: -8px;
	left: 50%
}

.ui-popup-bottom-right .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-b {
	right: 15px
}

.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-a {
	right: -16px;
	border-left: 8px solid #7c7c7c
}

.ui-popup-left-top .ui-dialog-arrow-b,.ui-popup-left .ui-dialog-arrow-b,.ui-popup-left-bottom .ui-dialog-arrow-b {
	right: -15px;
	border-left: 8px solid #fff
}

.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-b {
	top: 15px
}

.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-b {
	margin-top: -8px;
	top: 50%
}

.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-b {
	bottom: 15px
}

.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-a {
	left: -16px;
	border-right: 8px solid #7c7c7c
}

.ui-popup-right-top .ui-dialog-arrow-b,.ui-popup-right .ui-dialog-arrow-b,.ui-popup-right-bottom .ui-dialog-arrow-b {
	left: -15px;
	border-right: 8px solid #fff
}

.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-b {
	top: 15px
}

.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-b {
	margin-top: -8px;
	top: 50%
}

.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-b {
	bottom: 15px
}

@-webkit-keyframes ui-dialog-loading {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes ui-dialog-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.ui-dialog-loading {
	vertical-align: middle;
	position: relative;
	display: block;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 32px;
	height: 32px;
	top: 50%;
	margin: 0 auto 0 auto;
	font-size: 0;
	text-indent: -999em;
	color: #666
}

.ui-dialog-loading {
	width: 100%\9;
	text-indent: 0\9;
	line-height: 32px\9;
	text-align: center\9;
	font-size: 12px\9;
	margin-top: -16px\9
}

.ui-dialog-loading::after {
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	margin: 14.5px 0 0 14.5px;
	border-radius: 100%;
	box-shadow: 0 -10px 0 1px #ccc,10px 0 #ccc,0 10px #ccc,-10px 0 #ccc,-7px -7px 0 .5px #ccc,7px -7px 0 1.5px #ccc,7px 7px #ccc,-7px 7px #ccc;
	-webkit-transform: rotate(360deg);
	-webkit-animation: ui-dialog-loading 1.5s infinite linear;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: ui-dialog-loading 1.5s infinite linear;
	animation: ui-dialog-loading 1.5s infinite linear;
	display: none\9
}

.base-ui {
	border-radius: 0;
	font-family: "Microsoft Yahei"
}

.base-ui .ui-dialog-header {
	border-bottom: 0
}

.base-ui .ui-dialog-title {
	text-indent: -9999px;
	padding: 5px 15px
}

.base-ui .ui-dialog-close {
	position: absolute
}

.base-ui .ui-dialog-content {
	color: #666;
	font-size: 18px
}

.login-ui {
	border-radius: 0;
	font-family: "Microsoft Yahei"
}

.login-ui .ui-dialog-header {
	border-bottom: 0
}

.login-ui .ui-dialog-title {
	text-indent: -9999px;
	padding: 5px 15px
}

.login-ui .ui-dialog-content {
	color: #666;
	font-size: 18px
}

.login-ui .ui-dialog-body {
	padding: 0
}

.login-ui .ui-dialog-title {
	display: none
}

.login-ui .ui-dialog-close {
	position: absolute;
	float: right;
	top: -40px;
	right: -40px;
	font-size: 50px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	padding: 0;
	font-weight: normal;
	color: #000;
	cursor: pointer;
	font-family: "SimHei";
	border: 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-repeat: no-repeat
}

.login-ui .ui-dialog-close:hover,.login-ui .ui-dialog-close:focus {
	color: #d13038;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	background-repeat: no-repeat
}

.base-ui2 {
	border-radius: 3px;
	font-family: "Microsoft Yahei";
	border: 4px solid rgba(255,255,255,0.18)
}

.base-ui2 .ui-dialog-header {
	border-bottom: 0
}

.base-ui2 .ui-dialog-content {
	color: #666;
	font-size: 18px
}

.base-ui2 .ui-dialog-body {
	padding-top: 0
}

.nobg-ui {
	background: 0;
	font-family: "Microsoft Yahei";
	border: 0;
	box-shadow: none!important
}

.nobg-ui2 {
	background: 0;
	font-family: "Microsoft Yahei";
	border: 0;
	box-shadow: none!important
}

.nobg-ui2 .ui-dialog-header {
	border-bottom: 0
}

.nobg-ui2 .ui-dialog-close {
	top: 35px;
	right: 15px
}

.ui-slide {
	position: relative;
	width: auto;
	overflow: hidden
}

.ui-slide img {
	width: 100%;
	height: 100%
}

.ui-slide__content {
	position: relative;
	height: 100%;
	overflow: hidden
}

.ui-slide__panel {
	position: relative;
	width: auto;
	height: 100%;
	overflow: hidden
}

.ui-slide__panel a {
	display: block
}

.ui-slide__prev,.ui-slide__next {
	position: absolute;
	top: 50%;
	cursor: pointer
}

.ui-slide__prev .ui-icon,.ui-slide__next .ui-icon {
	font-size: 24px;
	color: #fff
}

.ui-slide__prev {
	left: 0
}

.ui-slide__next {
	right: 0
}

.ui-slide.ext-dotted .ui-slide__nav {
	display: none
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask,.ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask {
	border: 3px solid #288ad6;
	background: 0
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active::after,.ui-slide.ext-thumbY .ui-slide__trigger.is-active::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid
}

.ui-slide__thumbMask {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #fff
}

.ui-slide.ext-thumbX .ui-slide__nav {
	*zoom: 1;
	padding-top: 15px;
	margin-right: -20px
}

.ui-slide.ext-thumbX .ui-slide__nav:before,.ui-slide.ext-thumbX .ui-slide__nav:after {
	content: "";
	display: table;
	line-height: 0
}

.ui-slide.ext-thumbX .ui-slide__nav:after {
	clear: both
}

.ui-slide.ext-thumbX .ui-slide__trigger {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 170px;
	height: 94px;
	cursor: pointer
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask {
	width: 164px;
	height: 88px
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active::after {
	top: -16px;
	left: 50%;
	margin-left: -8px;
	border-color: transparent transparent #288ad6
}

.ui-slide.ext-thumbX .ui-slide__thumbMask {
	width: 170px;
	height: 94px
}

.ui-slide.ext-thumbY {
	height: 300px
}

.ui-slide.ext-thumbY .ui-slide__content {
	float: left;
	width: 555px;
	height: 300px
}

.ui-slide.ext-thumbY .ui-slide__panel {
	width: 555px;
	height: 300px
}

.ui-slide.ext-thumbY .ui-slide__nav {
	overflow: hidden;
	zoom: 1;
	padding-left: 15px;
	margin-bottom: -15px
}

.ui-slide.ext-thumbY .ui-slide__trigger {
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 170px;
	height: 90px;
	cursor: pointer
}

.ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask {
	width: 164px;
	height: 84px
}

.ui-slide.ext-thumbY .ui-slide__trigger.is-active::after {
	left: -16px;
	top: 50%;
	margin-top: -8px;
	border-color: transparent #288ad6 transparent transparent
}

.ui-slide.ext-thumbY .ui-slide__thumbMask {
	width: 170px;
	height: 90px
}

.hvr-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: color,background-color;
	transition-property: color,background-color
}

.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active {
	background-color: #2098d1;
	color: white
}

.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098d1;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active {
	color: white
}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2)
}

.hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active {
	box-shadow: 0 0 8px rgba(0,0,0,0.6)
}

.hvr-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5)
}

.o-hiyd-training {
	background: #333338;
	border-top: 1px solid #d3d6de
}

.o-hiyd-training .training-box {
	*zoom: 1;
	width: 1250px;
	margin: 0 auto
}

.o-hiyd-training .training-box:before,.o-hiyd-training .training-box:after {
	content: "";
	display: table;
	line-height: 0
}

.o-hiyd-training .training-box:after {
	clear: both
}

.o-hiyd-training .training-section {
	float: left;
	width: 248px;
	padding: 20px 0 12px 50px
}

.o-hiyd-training .training-section h2 {
	color: #797d87;
	font-size: 16px;
	font-weight: bold
}

.o-hiyd-training .training-section ul {
	border-right: 1px solid #484950;
	padding-top: 16px;
	margin-top: -2px
}

.o-hiyd-training .training-section ul li {
	font-size: 12px;
	line-height: 24px;
	color: #797d87
}

.o-hiyd-training .training-section ul li a {
	color: #797d87
}

.o-hiyd-training .training-section ul li a:hover {
	color: #f84956
}

.o-hiyd-training .training-section ul.no-border {
	border: 0
}

.o-hiyd-footer {
	background: #2b2b2e;
	padding: 26px 0;
	min-width: 1200px
}

.o-hiyd-footer .friendship {
	text-align: center;
	margin: 0 auto 25px auto;
	width: 1200px
}

.o-hiyd-footer .friendship .label {
	display: inline-block;
	background-color: #d6d7dc;
	padding: 2px 5px;
	color: #575c69;
	margin: 0;
	font-weight: bold
}

.o-hiyd-footer .friendship .link {
	margin: 0
}

.o-hiyd-footer .friendship .cont {
	overflow: hidden
}

.o-footer-row {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	width: 1200px;
	margin: 0 auto
}

.o-footer-row a,.o-footer-row span {
	color: #666;
	font-size: 12px;
	margin: 0 10px 0 8px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.o-footer-row a:hover {
	color: #f84956
}

.o-footer_promote {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #343434
}

.o-footer_promote .label {
	font-weight: bold
}

.o-header-search {
	display: none
}

.o-header_logo {
	width: 84px;
	height: 34px;
	float: left;
	_display: inline
}

.o-header_logo img {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 9px
}

.o-header_ctrl {
	float: right;
	_display: inline;
	font-size: 12px
}

.o-header2 {
	background-color: #202023;
	font-family: "Microsoft Yahei";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	box-shadow: 0 2px 8px 0 rgba(1,1,1,0.5)
}

.o-header2_inner {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	*zoom: 1
}

.o-header2_inner:before,.o-header2_inner:after {
	content: "";
	display: table;
	line-height: 0
}

.o-header2_inner:after {
	clear: both
}

.o-header2-nav {
	float: right
}

.o-header2-nav .item {
	display: block;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	padding: 0 25px;
	color: #d7d7d7;
	font-size: 14px
}

.o-header2-nav .item:hover {
	color: #e32828;
	text-decoration: none
}

.o-header2-nav .item.selected {
	color: #e32828
}

.o-header2-nav .item-dl {
	padding-left: 35px;
	background: url("/static/img/nav-dl.png?aa2e91ba43f1de7f") 10px center no-repeat
}

.o-header2-nav .user {
	position: relative
}

.o-header2-nav .user:hover {
	background-color: transparent;
	color: #fff
}

.o-header2-nav .user:hover ul {
	display: block
}

.o-header2-nav .user:hover::before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.o-header2-nav .user::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 17px;
	background-image: url("/static/img/icon-arrow8.png?28766fe3d1899bd3");
	overflow: hidden;
	width: 8px;
	height: 4px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: 300ms all ease;
	transition: 300ms all ease
}

.o-header2-nav .user .name {
	height: 28px;
	line-height: 28px;
	color: #666;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 150px
}

.o-header2-nav .user .avatar {
	float: left;
	height: 28px;
	width: 28px;
	margin-right: 8px;
	font-size: 0
}

.o-header2-nav .user .avatar img {
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.o-header2-nav .menu ul {
	display: none;
	position: absolute;
	top: 41px;
	right: 4px;
	width: 116px;
	background-color: #FFF;
	border: 1px solid #f1f1f1;
	box-shadow: 0 0 5px #999
}

.o-header2-nav .menu ul::before {
	content: "";
	position: absolute;
	top: -8px;
	right: 10px;
	width: 11px;
	height: 12px;
	background-image: url("/static/img/icon-arrow7.png?6cf2163ede88ae4e")
}

.o-header2-nav .menu li {
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.o-header2-nav .menu li a {
	display: block;
	font-size: 12px
}

.o-header2-nav .menu li a:hover {
	background-color: #efefef;
	color: #c83939
}

.o-header2-nav .item-group {
	display: block;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	padding: 0 30px;
	color: #d7d7d7;
	font-size: 14px
}

.o-header2-nav .item-group a,.o-header2-nav .item-group span {
	margin-right: 8px;
	margin-left: 3px;
	color: #d7d7d7;
	cursor: pointer
}

.o-header2-nav .item-group a:hover,.o-header2-nav .item-group span:hover {
	color: #e32828
}

.o-header2-nav div {
	float: left
}

.o-header3 {
	background-color: #202023;
	font-family: "Microsoft Yahei";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	box-shadow: 0 2px 8px 0 rgba(1,1,1,0.5)
}

.o-header3 .o-header_logo img {
	margin-top: 26px
}

.o-header3_inner {
	width: 1200px;
	height: 84px;
	margin: 0 auto;
	*zoom: 1
}

.o-header3_inner:before,.o-header3_inner:after {
	content: "";
	display: table;
	line-height: 0
}

.o-header3_inner:after {
	clear: both
}

.o-header3-nav {
	float: right
}

.o-header3-nav .item {
	display: block;
	height: 84px;
	line-height: 84px;
	float: left;
	text-align: center;
	padding: 0 22px;
	color: #999;
	font-size: 14px
}

.o-header3-nav .item:hover {
	color: #e32828;
	text-decoration: none
}

.o-header3-nav .item.selected {
	color: #e32828
}

.o-header3-nav .user {
	position: relative
}

.o-header3-nav .user:hover {
	background-color: transparent;
	color: #fff
}

.o-header3-nav .user:hover ul {
	display: block
}

.o-header3-nav .user:hover::before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.o-header3-nav .user::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 17px;
	background-image: url("/static/img/icon-arrow8.png?28766fe3d1899bd3");
	overflow: hidden;
	width: 8px;
	height: 4px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: 300ms all ease;
	transition: 300ms all ease
}

.o-header3-nav .user .name {
	height: 28px;
	line-height: 28px;
	color: #666;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 150px;
	margin-right: 6px
}

.o-header3-nav .user .avatar {
	float: left;
	height: 28px;
	width: 28px;
	margin-right: 8px;
	font-size: 0
}

.o-header3-nav .user .avatar img {
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.o-header3-nav .menu ul {
	display: none;
	position: absolute;
	top: 60px;
	right: 4px;
	width: 116px;
	background-color: #FFF;
	border: 1px solid #f1f1f1;
	box-shadow: 0 0 5px #999
}

.o-header3-nav .menu ul::before {
	content: "";
	position: absolute;
	top: -8px;
	right: 10px;
	width: 11px;
	height: 12px;
	background-image: url("/static/img/icon-arrow7.png?6cf2163ede88ae4e")
}

.o-header3-nav .menu li {
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.o-header3-nav .menu li a {
	display: block;
	font-size: 12px
}

.o-header3-nav .menu li a:hover {
	background-color: #efefef;
	color: #c83939
}

.o-header3-nav .item-group {
	display: block;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	padding: 0 30px;
	color: #d7d7d7;
	font-size: 14px;
	margin-top: 16px
}

.o-header3-nav .item-group a,.o-header3-nav .item-group span {
	margin-right: 8px;
	margin-left: 3px;
	color: #d7d7d7;
	cursor: pointer
}

.o-header3-nav .item-group a:hover,.o-header3-nav .item-group span:hover {
	color: #e32828
}

.o-header3-nav div {
	float: left
}

.o-header3-nav .search-warp {
	width: 140px;
	height: 36px;
	margin: 25px 0 0 38px;
	background: #2e2e2e;
	border-radius: 5px;
	position: relative
}

.o-header3-nav .search-warp input {
	width: 106px;
	margin-left: 9px;
	background: transparent;
	outline: 0;
	border: 0;
	height: 36px;
	line-height: 36px;
	color: #9b9b9b
}

.o-header3-nav .search-warp a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 100%;
	line-height: 36px
}

.o-header3-nav .search-warp a:before {
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	background-repeat: no-repeat
}

.ui-calendar-date {
	border: 0;
	box-shadow: none;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0
}

table.ui-calendar-date tr {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff
}

.ui-calendar-date td,.ui-calendar-date th {
	width: 34px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
	cursor: pointer
}

.ui-calendar-date .ui-calendar-day-column {
	background: #868686;
	color: #cacaca
}

.ui-calendar-date .ui-calendar-day-column th {
	border-color: #868686;
	cursor: default
}

.ui-calendar-date .ui-calendar-date-column .ui-calendar-day-0,.ui-calendar-date .ui-calendar-date-column .ui-calendar-day-6 {
	color: #db693d
}

.ui-calendar-date .ui-calendar-date-column td:hover {
	cursor: pointer;
	background-color: #ffdeb8
}

.ui-calendar-date .ui-calendar-date-column td.previous-month,.ui-calendar-date .ui-calendar-date-column td.next-month {
	color: #ccc
}

.ui-calendar-date .ui-calendar-date-column td.previous-month:hover,.ui-calendar-date .ui-calendar-date-column td.next-month:hover {
	cursor: default;
	border-color: #fff
}

.ui-calendar-date .ui-calendar-date-column td.focused-element {
	color: #fff;
	background: #f57403
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element {
	background: #e2e2e2;
	color: #c3c3c3
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element:hover {
	border-color: #fff
}

.ui-calendar-month {
	border: 0;
	box-shadow: none;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0
}

table.ui-calendar-month tr {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff
}

.ui-calendar-month .ui-calendar-month-column td {
	width: 79px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
	cursor: pointer
}

.ui-calendar-month .ui-calendar-month-column td:hover {
	cursor: pointer;
	background-color: #ffdeb8
}

.ui-calendar-month .ui-calendar-month-column td.focused-element {
	color: #fff;
	background: #f57403
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element {
	background: #e2e2e2;
	color: #c3c3c3
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element:hover {
	border-color: #fff
}

.ui-calendar-year {
	border: 0;
	box-shadow: none;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0
}

table.ui-calendar-year tr {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff
}

.ui-calendar-year .ui-calendar-year-column td {
	width: 79px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
	cursor: pointer
}

.ui-calendar-year .ui-calendar-year-column td:hover {
	cursor: pointer;
	background-color: #ffdeb8
}

.ui-calendar-year .ui-calendar-year-column td.focused-element {
	color: #fff;
	background: #f57403
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element {
	background: #e2e2e2;
	color: #c3c3c3
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element:hover {
	border-color: #fff
}

.ui-calendar {
	position: absolute;
	font: 14px/16px arial,'Hiragino Sans GB',sans-serif;
	font-weight: 700;
	background: #f9f9f9;
	border-spacing: 0;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 9px #ccc;
	text-align: center;
	width: 238px;
	z-index: 10;
	color: #666
}

.ui-calendar .ui-calendar-date,.ui-calendar .ui-calendar-month,.ui-calendar .ui-calendar-year {
	border: 0;
	box-shadow: none;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0;
	padding: 5px
}

.ui-calendar .ui-calendar-pannel {
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	background: #f9f9f9
}

.ui-calendar .ui-calendar-pannel:after,.ui-calendar .ui-calendar-pannel:before {
	display: table;
	line-height: 0;
	content: ""
}

.ui-calendar .ui-calendar-pannel:after {
	clear: both
}

.ui-calendar .ui-calendar-control {
	display: inline-block;
	float: left;
	width: 13%;
	*display: inline;
	*width: 20px;
	*zoom: 1;
	cursor: pointer;
	font-weight: 400
}

.ui-calendar .ui-calendar-control:hover {
	background-color: #efefee
}

.ui-calendar .ui-calendar-pannel .month,.ui-calendar .ui-calendar-pannel .year {
	width: 24%;
	font-weight: 700
}

.ui-calendar-container {
	border-bottom: 1px solid #dadada;
	background-color: #fff
}

.ui-calendar td.disabled-element {
	cursor: not-allowed!important
}

.o-calendar {
	box-shadow: 0 0 0 #ccc;
	width: 305px;
	border: 0;
	background-color: transparent;
	z-index: 1088
}

.o-calendar .ui-calendar-pannel {
	background-color: transparent
}

.o-calendar .ui-calendar-day-column {
	background-color: transparent;
	color: #333;
	opacity: .5
}

.o-calendar .ui-calendar-container {
	border-bottom: 0
}

.o-calendar th,.o-calendar td {
	width: 42px;
	line-height: 38px;
	height: 38px
}

.o-calendar td:hover {
	background-color: #f2f2f2
}

.o-calendar .ui-calendar-date-column td:hover,.o-calendar .ui-calendar-year-column td:hover,.o-calendar .ui-calendar-month-column td:hover {
	background-color: #f2f2f2
}

.o-calendar .ui-calendar-date-column td.focused-element,.o-calendar .ui-calendar-year-column td.focused-element,.o-calendar .ui-calendar-month-column td.focused-element {
	background-color: #f2f2f2;
	color: #fc6771
}

.o-calendar .ui-calendar-year-column td,.o-calendar .ui-calendar-month-column td {
	width: 98px
}

.calendar-wrap {
	width: 345px;
	height: 324px
}

.mod-pic {
	*zoom: 1
}

.mod-pic:before,.mod-pic:after {
	content: "";
	display: table;
	line-height: 0
}

.mod-pic:after {
	clear: both
}

.mod-pic li {
	float: left;
	width: 224px;
	margin-left: 20px;
	margin-bottom: 20px
}

.mod-pic li a {
	display: block
}

.mod-pic li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.mod-pic li img {
	width: 100%;
	margin-bottom: 10px
}

.mod-pic li em {
	display: block;
	line-height: 1.1em;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.mod-pic li .name {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px
}

.mod-pic li .title {
	font-size: 12px;
	color: #c5c5c7
}

.mod-page {
	width: 100%;
	clear: both;
	font-size: 0;
	text-align: center;
	padding: 50px 0 35px 0
}

.mod-page a,.mod-page span,.mod-page input,.mod-page button {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px
}

.mod-page a {
	margin: 2px;
	border: 1px solid #d8d8d8;
	color: #666;
	height: 28px;
	line-height: 26px;
	padding: 0 9px;
	background-color: #FFF
}

.mod-page a:hover {
	text-decoration: none;
	color: #666;
	border-color: #eb5050
}

.mod-page a.current {
	cursor: default;
	font-weight: 700;
	border-color: #2791ca;
	color: #eb5050!important;
	border-color: #eb5050
}

.mod-page.round a,.mod-page.round ins input {
	border-radius: 3px
}

.mod-page span {
	line-height: 26px;
	margin: 2px;
	color: #666
}

.mod-page ins {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-left: 25px
}

.mod-page ins span {
	margin: 2px 3px
}

.mod-page ins input {
	width: 3em;
	height: 26px;
	line-height: 24px;
	padding: 4px;
	margin: 0 4px;
	border: 1px solid #d8d8d8;
	text-align: center
}

.mod-page ins input:focus {
	border: 1px solid #eb5050
}

.mod-page ins button {
	margin: 2px 0;
	height: 26px;
	border: 0;
	background-color: #dadada;
	color: #6d6d6d;
	width: 64px;
	text-align: center;
	cursor: pointer;
	margin-left: 8px
}

.mod-page ins button:hover {
	opacity: .8
}

.mod-page em {
	color: #999
}

.mod-crumbs {
	font-family: Tahoma,sans-serif
}

.ui-button {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	width: 80px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #f65d5d
}

.ui-button:hover {
	opacity: .8
}

.m-video-list ul {
	*zoom: 1
}

.m-video-list ul:before,.m-video-list ul:after {
	content: "";
	display: table;
	line-height: 0
}

.m-video-list ul:after {
	clear: both
}

.m-video-list li {
	float: left;
	width: 224px;
	height: 126px;
	margin-left: 20px;
	overflow: hidden
}

.m-video-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.m-video-list li a:hover {
	opacity: .8
}

.m-video-list li a:hover .video-play {
	display: block
}

.m-video-list li a .video-play {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 10px;
	bottom: 7px;
	z-index: 5;
	display: none;
	background-repeat: no-repeat
}

.m-video-list li a .video-play:hover {
	background-repeat: no-repeat
}

.m-video-list li .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 53px;
	background-image: url("/static/img/bg-video-mask.png?5876765c91e38f47");
	background-position: 0 0;
	background-repeat: no-repeat
}

.m-video-list li .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	z-index: 5;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	overflow: hidden
}

.m-video-list li .title em {
	padding: 0 50px 0 8px;
	display: block
}

.m-video-list li .pic {
	display: block;
	overflow: hidden
}

.m-video-list li .pic img {
	width: 100%;
	display: block;
	overflow: hidden
}

.m-video-list li.big {
	width: 468px;
	height: 272px
}

.m-video-list li.big .mask {
	height: 113px;
	background-image: url("/static/img/bg-video-mask1.png?8741e0c7024c456f")
}

.m-video-list li.big .title {
	font-size: 18px;
	line-height: 50px;
	height: 50px
}

.m-tab-hd .trigger {
	float: right;
	*zoom: 1;
	padding-top: 10px;
	padding-right: 2px
}

.m-tab-hd .trigger:before,.m-tab-hd .trigger:after {
	content: "";
	display: table;
	line-height: 0
}

.m-tab-hd .trigger:after {
	clear: both
}

.m-tab-hd .trigger a {
	position: relative;
	float: left;
	padding: 0 40px;
	cursor: pointer;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.m-tab-hd .trigger a .gap {
	content: "/";
	position: absolute;
	right: -1px;
	top: 0;
	color: #999;
	font-size: 14px
}

.m-tab-hd .trigger a:hover {
	color: #c83939
}

.m-tab-hd .trigger a.active {
	color: #333
}

.m-tab-hd .trigger a.active .arrow {
	position: absolute;
	content: "";
	display: block;
	width: 55px;
	height: 6px;
	bottom: -10px;
	left: 50%;
	margin-left: -27.5px;
	background-repeat: no-repeat
}

.o-seo-bottom {
	margin: 10px 0
}

.o-seo-bottom.seo-bb-detail .o-exercise-relative .list-exercise li {
	width: 178px
}

.o-seo-bottom.seo-bb-detail .o-exercise-recommend .tab-bd li {
	width: 228px
}

.o-seo-bottom .o-exercise-relative {
	padding: 26px;
	background: #FFF
}

.o-seo-bottom .o-exercise-relative h2 {
	color: #333;
	font-size: 20px;
	font-weight: bold
}

.o-seo-bottom .o-exercise-relative .list-exercise {
	*zoom: 1
}

.o-seo-bottom .o-exercise-relative .list-exercise:before,.o-seo-bottom .o-exercise-relative .list-exercise:after {
	content: "";
	display: table;
	line-height: 0
}

.o-seo-bottom .o-exercise-relative .list-exercise:after {
	clear: both
}

.o-seo-bottom .o-exercise-relative .list-exercise li {
	float: left;
	text-align: left;
	line-height: 1;
	margin-top: 20px;
	padding: 0 10px;
	width: 188px
}

.o-seo-bottom .o-exercise-relative .list-exercise a {
	font-size: 14px;
	color: #666;
	display: block
}

.o-seo-bottom .o-exercise-relative .list-exercise a:hover {
	color: #e94646
}

.o-seo-bottom .o-exercise-recommend {
	margin-top: 10px;
	background: #FFF;
	padding: 18px 26px 26px 26px
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul {
	*zoom: 1
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul:before,.o-seo-bottom .o-exercise-recommend .tab-hd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul:after {
	clear: both
}

.o-seo-bottom .o-exercise-recommend .tab-hd li {
	float: left;
	margin-right: 36px
}

.o-seo-bottom .o-exercise-recommend .tab-hd li.active a {
	color: #e94646;
	border-bottom: 2px solid #e94646
}

.o-seo-bottom .o-exercise-recommend .tab-hd a {
	display: block;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	border-bottom: 2px solid transparent
}

.o-seo-bottom .o-exercise-recommend .tab-bd {
	margin-top: 10px
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel {
	display: none
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel.active {
	display: block
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel p {
	line-height: 72px;
	text-align: center;
	font-size: 12px
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul {
	*zoom: 1
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul:before,.o-seo-bottom .o-exercise-recommend .tab-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul:after {
	clear: both
}

.o-seo-bottom .o-exercise-recommend .tab-bd li {
	float: left;
	width: 286px
}

.o-seo-bottom .o-exercise-recommend .tab-bd a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #333;
	position: relative;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 10px
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:hover {
	color: #e94646
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:hover:before {
	background: #e94646
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	background: #4e5156
}

.o-seo-side.seo-artical .o-exercise-relative {
	padding: 0 0 16px 0
}

.o-seo-side.seo-artical .o-exercise-recommend {
	padding: 16px 0;
	border-top: 10px solid #fafafa
}

.o-seo-side .o-exercise-relative {
	margin-top: 10px;
	background: #FFF;
	padding: 16px 20px
}

.o-seo-side .o-exercise-relative h2 {
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #e13030;
	padding-left: 10px;
	margin-bottom: 10px
}

.o-seo-side .o-exercise-relative .tip {
	font-size: 14px;
	color: #333
}

.o-seo-side .o-exercise-relative .tip a {
	color: #e94646
}

.o-seo-side .o-exercise-relative .list-exercise {
	*zoom: 1
}

.o-seo-side .o-exercise-relative .list-exercise:before,.o-seo-side .o-exercise-relative .list-exercise:after {
	content: "";
	display: table;
	line-height: 0
}

.o-seo-side .o-exercise-relative .list-exercise:after {
	clear: both
}

.o-seo-side .o-exercise-relative .list-exercise li {
	float: left;
	line-height: 16px;
	height: 16px;
	border-left: 1px solid #ddd;
	margin-top: 13px;
	padding: 0 10px;
	width: 33%;
	overflow: hidden
}

.o-seo-side .o-exercise-relative .list-exercise li.no-border {
	border: 0
}

.o-seo-side .o-exercise-relative .list-exercise a {
	font-size: 14px;
	color: #666;
	display: block
}

.o-seo-side .o-exercise-relative .list-exercise a:hover {
	color: #e94646
}

.o-seo-side .o-exercise-recommend {
	margin-top: 10px;
	background: #FFF;
	padding: 10px 20px
}

.o-seo-side .o-exercise-recommend h2 {
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #e13030;
	padding-left: 10px;
	margin-bottom: 10px
}

.o-seo-side .o-exercise-recommend ul {
	*zoom: 1
}

.o-seo-side .o-exercise-recommend ul:before,.o-seo-side .o-exercise-recommend ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-seo-side .o-exercise-recommend ul:after {
	clear: both
}

.o-seo-side .o-exercise-recommend li {
	float: left;
	width: 50%
}

.o-seo-side .o-exercise-recommend a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #666;
	position: relative;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 10px
}

.o-seo-side .o-exercise-recommend a:hover {
	color: #e94646
}

.o-seo-side .o-exercise-recommend a:hover:before {
	background: #e94646
}

.o-seo-side .o-exercise-recommend a:before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	background: #878b9f
}

body,html {
	font-family: "Microsoft Yahei",Helvetica,Tahoma,"SimSun",sans-serif
}

body a,html a {
	text-decoration: none!important;
	color: #8c8c8c
}

* {
	box-sizing: border-box
}

.o-index2 .section-top {
	min-width: 1180px;
	height: 460px;
	background: url(/static/img/index2/index-bg.jpg?742f9fdb74b2185c) no-repeat center;
	margin: 0 auto;
	text-align: center;
	position: relative
}

.o-index2 .section img {
	width: 100%;
	display: block;
	overflow: hidden
}

.o-index2 .section-main {
	width: 1180px;
	margin: 0 auto;
	*zoom: 1
}

.o-index2 .section-main:before,.o-index2 .section-main:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-main:after {
	clear: both
}

.o-index2 .section-hd {
	*zoom: 1;
	padding: 25px 0 14px 0;
	border-bottom: 1px solid #eee;
	font-size: 12px
}

.o-index2 .section-hd:before,.o-index2 .section-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-hd:after {
	clear: both
}

.o-index2 .section-hd h2 {
	height: 40px;
	text-indent: -999px;
	float: left
}

.o-index2 .section-hd h2.nav1 {
	background: url(/static/img/index2/nav1.png?8f6f9dcd54c50729) no-repeat
}

.o-index2 .section-hd h2.nav2 {
	background: url(/static/img/index2/nav2.png?5737ebc08066ddba) no-repeat
}

.o-index2 .section-hd h2.nav3 {
	background: url(/static/img/index2/nav3.png?7099ad2fad874fcf) no-repeat
}

.o-index2 .section-hd h2.nav1 {
	width: 98px
}

.o-index2 .section-hd h2.nav2 {
	width: 178px
}

.o-index2 .section-hd h2.nav3 {
	width: 250px
}

.o-index2 .section-hd ul {
	*zoom: 1;
	float: right;
	margin-top: 10px
}

.o-index2 .section-hd ul:before,.o-index2 .section-hd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-hd ul:after {
	clear: both
}

.o-index2 .section-hd li {
	border-right: 1px solid #d4d4d4;
	float: left
}

.o-index2 .section-hd li.no-border {
	border: 0
}

.o-index2 .section-hd a {
	display: block;
	padding: 0 30px;
	color: #666
}

.o-index2 .section-hd a:hover {
	color: #e32828
}

.o-index2 .section-bd {
	margin-right: -20px;
	*zoom: 1
}

.o-index2 .section-bd:before,.o-index2 .section-bd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-bd:after {
	clear: both
}

.o-index2 .box {
	width: 380px;
	float: left;
	margin-right: 20px
}

.o-index2 .box .box-hd {
	position: relative
}

.o-index2 .box .box-hd h2 {
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #e13030;
	padding-left: 10px
}

.o-index2 .box .box-hd .btn-more {
	position: absolute;
	top: 3px;
	right: 0;
	color: #666;
	font-size: 12px
}

.o-index2 .box .box-hd .btn-more:hover {
	color: #e32828
}

.o-index2 .box .box-bd {
	margin-top: 16px
}

.o-index2 .box-common1 ul {
	*zoom: 1;
	margin-right: -10px;
	font-size: 12px
}

.o-index2 .box-common1 ul:before,.o-index2 .box-common1 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .box-common1 ul:after {
	clear: both
}

.o-index2 .box-common1 li {
	margin-right: 10px;
	width: 185px;
	height: 185px;
	float: left;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	text-align: center
}

.o-index2 .box-common1 li.first {
	width: 380px;
	height: 215px;
	margin-bottom: 10px;
	text-align: left
}

.o-index2 .box-common1 li.first span {
	display: block
}

.o-index2 .box-common1 li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.o-index2 .box-common1 li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .box-common1 li img {
	width: 100%;
	overflow: hidden
}

.o-index2 .box-common1 li span {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 30px;
	line-height: 30px;
	background: #666;
	background: rgba(0,0,0,0.5);
	border-radius: 2px;
	padding: 0 26px 0 42px;
	display: none
}

.o-index2 .box-common1 li .icon-clock {
	position: absolute;
	top: 8px;
	left: 10px
}

.o-index2 .box-common1 li .mask {
	background: url(/static/img/index2/mask.png?93db823db029ee41);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 137px;
	width: 100%;
	padding-top: 114px
}

.o-index2 .box-common1 li .mask h2 {
	font-weight: bold;
	padding: 0 10px
}

.o-index2 .box-common2 ul:first-child {
	margin-bottom: 46px
}

.o-index2 .box-common2 li {
	margin-bottom: 16px;
	font-size: 12px;
	color: #999
}

.o-index2 .box-common2 li.pic-right,.o-index2 .box-common2 li.pic-left {
	height: 82px;
	overflow: hidden
}

.o-index2 .box-common2 li.pic-right h3,.o-index2 .box-common2 li.pic-left h3 {
	float: none;
	width: 60%;
	line-height: 22px;
	height: auto;
	font-weight: bold
}

.o-index2 .box-common2 li.pic-right p,.o-index2 .box-common2 li.pic-left p {
	width: 60%;
	line-height: 18px
}

.o-index2 .box-common2 li.pic-right a:hover,.o-index2 .box-common2 li.pic-left a:hover {
	color: #666;
	opacity: .8
}

.o-index2 .box-common2 li.pic-right a:hover h3,.o-index2 .box-common2 li.pic-left a:hover h3 {
	color: #666
}

.o-index2 .box-common2 li.pic-right .img-wrap {
	float: right
}

.o-index2 .box-common2 li.pic-left {
	margin-top: 30px
}

.o-index2 .box-common2 li.pic-left h3 {
	margin-left: 150px
}

.o-index2 .box-common2 li.pic-left p {
	margin-left: 150px
}

.o-index2 .box-common2 li.pic-left .img-wrap {
	float: left
}

.o-index2 .box-common2 li a {
	display: block;
	*zoom: 1
}

.o-index2 .box-common2 li a:before,.o-index2 .box-common2 li a:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .box-common2 li a:after {
	clear: both
}

.o-index2 .box-common2 li a:hover {
	color: #ab2b2b
}

.o-index2 .box-common2 li a:hover h3 {
	color: #ab2b2b
}

.o-index2 .box-common2 li h3 {
	color: #666;
	font-size: 14px;
	width: 80%;
	float: left;
	overflow: hidden;
	height: 16px;
	line-height: 16px
}

.o-index2 .box-common2 li span {
	float: right;
	line-height: 16px
}

.o-index2 .box-common2 li .img-wrap {
	width: 143px;
	height: 82px
}

.o-index2 .box-common2 li .img-wrap img {
	width: 100%;
	display: block;
	overflow: hidden
}

.o-index2 .box-common3 {
	height: 430px
}

.o-index2 .box-common3 li {
	color: #999;
	font-size: 12px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee
}

.o-index2 .box-common3 li a {
	display: block
}

.o-index2 .box-common3 li a:hover {
	opacity: .8
}

.o-index2 .box-common3 li .img-wrap {
	width: 128px;
	height: 70px;
	overflow: hidden;
	float: left;
	display: inline-block
}

.o-index2 .box-common3 li .img-wrap img {
	width: 100%;
	overflow: hidden
}

.o-index2 .box-common3 li h2 {
	font-size: 14px;
	height: 16px;
	font-weight: bold;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666;
	margin-left: 142px
}

.o-index2 .box-common3 li .row {
	margin: 12px 0 0 142px
}

.o-index2 .box-common3 li .row .col1 {
	display: inline-block;
	width: 116px
}

.o-index2 .box-common3 li .row2 {
	font-size: 14px;
	color: #666
}

.o-index2 .box-common3 li .row2 .icon-wrap {
	display: inline-block;
	height: 14px;
	position: relative;
	top: 2px
}

.o-index2 .box-common3 li .row2 .icon-wrap .inner {
	display: inline-block;
	height: 14px
}

.o-index2 .box-common3 li .row2 .water {
	width: 82px;
	background-repeat: repeat-x
}

.o-index2 .box-common3 li .row2 .water .inner {
	background-repeat: repeat-x
}

.o-index2 .box-common3 li .row2 .star {
	width: 85px;
	background-repeat: repeat-x
}

.o-index2 .box-common3 li .row2 .star .inner {
	background-repeat: repeat-x
}

.o-index2 .box-tagList .tag-list-hd {
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.o-index2 .box-tagList .tag-list-hd li {
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 22px;
	padding: 2px 7px;
	display: block;
	font-size: 12px;
	border: 1px solid #f87163;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: #f87163;
	background-color: #fff9f9;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

.o-index2 .box-tagList .tag-list-hd li a {
	color: inherit
}

.o-index2 .box-tagList .tag-list-hd li.current a {
	color: #e33d3a
}

.o-index2 .box-tagList .tag-list-hd li:hover {
	background-color: #f87163;
	color: #fff
}

.o-index2 .box-tagList .tag-list-bd {
	padding-top: 8px
}

.o-index2 .box-tagList .tag-list-bd ul {
	display: none
}

.o-index2 .box-tagList .tag-list-bd ul.bd-show {
	display: block
}

.o-index2 .box-tagList .tag-list-bd li {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	overflow: hidden
}

.o-index2 .box-tagList .tag-list-bd li a {
	float: left;
	width: 320px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.o-index2 .box-tagList .tag-list-bd li a:hover {
	color: #e32828
}

.o-index2 .box-tagList .tag-list-bd li em {
	float: right;
	font-size: 12px;
	text-align: right
}

.o-index2 .section-row1,.o-index2 .section-row2 {
	*zoom: 1;
	margin-top: 17px
}

.o-index2 .section-row1:before,.o-index2 .section-row1:after,.o-index2 .section-row2:before,.o-index2 .section-row2:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-row1:after,.o-index2 .section-row2:after {
	clear: both
}

.o-index2 .section-mix {
	margin-top: 34px
}

.o-index2 .section-mix .box2 ul:first-child {
	margin-bottom: 46px
}

.o-index2 .section-mix .box2 li {
	*zoom: 1;
	margin-bottom: 16px;
	font-size: 12px;
	color: #999
}

.o-index2 .section-mix .box2 li:before,.o-index2 .section-mix .box2 li:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-mix .box2 li:after {
	clear: both
}

.o-index2 .section-mix .box2 li:first-child {
	height: 80px;
	overflow: hidden
}

.o-index2 .section-mix .box2 li:first-child h3 {
	float: none;
	width: 60%;
	line-height: 22px;
	height: auto
}

.o-index2 .section-mix .box2 li:first-child p {
	width: 60%;
	line-height: 18px
}

.o-index2 .section-mix .box2 li:first-child .img-wrap {
	float: right
}

.o-index2 .section-mix .box2 li a {
	display: block
}

.o-index2 .section-mix .box2 li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .section-mix .box2 li h3 {
	color: #666;
	font-size: 14px;
	width: 80%;
	float: left;
	overflow: hidden;
	height: 16px;
	line-height: 16px
}

.o-index2 .section-mix .box2 li span {
	float: right
}

.o-index2 .section-mix .box4 {
	position: relative;
	top: -34px
}

.o-index2 .section-mix .box4 .row1 {
	background: url(/static/img/index2/down-logo.png?0b17e31b16f0d324) center 34px no-repeat #f8f8f8;
	height: 289px;
	*zoom: 1;
	padding: 141px 30px 0
}

.o-index2 .section-mix .box4 .row1:before,.o-index2 .section-mix .box4 .row1:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-mix .box4 .row1:after {
	clear: both
}

.o-index2 .section-mix .box4 .btn-download-wrap {
	float: left;
	width: 168px
}

.o-index2 .section-mix .box4 .qr-code {
	float: right;
	width: 105px;
	height: 105px;
	text-align: center
}

.o-index2 .section-mix .box4 .qr-code img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-index2 .section-mix .box4 .qr-code p {
	font-size: 14px;
	color: #999;
	margin-top: 10px
}

.o-index2 .section-mix .box4 .btn-download {
	display: block;
	height: 45px;
	line-height: 45px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	-webkit-transition: background 200ms ease;
	transition: background 200ms ease
}

.o-index2 .section-mix .box4 .btn-download.btn-ios {
	background: #000;
	background: rgba(0,0,0,0.6);
	padding-left: 64px
}

.o-index2 .section-mix .box4 .btn-download.btn-ios:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 27px;
	top: 9px;
	left: 18px;
	background-repeat: no-repeat
}

.o-index2 .section-mix .box4 .btn-download.btn-ios:hover {
	background: rgba(0,0,0,0.8)
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod {
	background: #419c32;
	background: rgba(65,156,50,0.6);
	padding-left: 55px;
	margin-top: 13px
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 28px;
	top: 9px;
	left: 18px;
	background-repeat: no-repeat
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod:hover {
	background: rgba(65,156,50,0.8)
}

.o-index2 .section-mix .box4 .row2 {
	padding: 38px 25px 15px 25px;
	background: #fff;
	margin-bottom: 10px;
	*zoom: 1
}

.o-index2 .section-mix .box4 .row2:before,.o-index2 .section-mix .box4 .row2:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-mix .box4 .row2:after {
	clear: both
}

.o-index2 .section-mix .box4 .row2 h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px
}

.o-index2 .section-mix .box4 .row2 .fl {
	float: left
}

.o-index2 .section-mix .box4 .row2 .fl span {
	width: 110px;
	height: 110px;
	display: block;
	margin-left: 7px
}

.o-index2 .section-mix .box4 .row2 .fl img {
	display: block;
	overflow: hidden;
	width: 100%
}

.o-index2 .section-mix .box4 .row2 .fr {
	float: right;
	width: 160px
}

.o-index2 .section-mix .box4 .row2 .fr p {
	color: #999;
	font-size: 14px;
	margin-bottom: 25px
}

.o-index2 .section-mix .box4 .row2 .fr span {
	display: block;
	*zoom: 1
}

.o-index2 .section-mix .box4 .row2 .fr span:before,.o-index2 .section-mix .box4 .row2 .fr span:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-mix .box4 .row2 .fr span:after {
	clear: both
}

.o-index2 .section-mix .box4 .row2 .fr a {
	text-indent: -9999px;
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 16px;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	opacity: 1
}

.o-index2 .section-mix .box4 .row2 .fr a:hover {
	opacity: .85
}

.o-index2 .section-mix .box4 .row2 .fr .link-weibo {
	background: url(/static/img/login/login-wb.png?65e5a3e5f4a7162a) no-repeat
}

.o-index2 .section-mix .box4 .row2 .fr .link-qq {
	background: url(/static/img/login/login-qq.png?cf27f195e910fd42) no-repeat
}

.o-index2 .section-course {
	background: #f8f8f8
}

.o-index2 .section-course .box1 li {
	margin-right: 10px;
	width: 100%;
	height: 190px;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	font-size: 14px
}

.o-index2 .section-course .box1 li:first-child {
	margin-bottom: 16px
}

.o-index2 .section-course .box1 li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.o-index2 .section-course .box1 li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .section-course .box1 li .icon-clock {
	position: absolute;
	top: 8px;
	left: 10px
}

.o-index2 .section-course .box1 li .mask {
	background: url(/static/img/index2/mask.png?93db823db029ee41);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 137px;
	width: 100%;
	padding-top: 114px
}

.o-index2 .section-course .box1 li .mask h2 {
	font-weight: bold;
	padding: 0 10px
}

.o-index2 .section-course .box3 .plan-hot {
	display: block;
	width: 100%;
	height: 150px;
	background: url(/static/img/index2/make-plan.jpg?312a5552d884eb82);
	border-radius: 2px;
	cursor: pointer
}

.o-index2 .section-course .box3 .plan-hot:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .section-course .box3 p {
	font-size: 12px;
	color: #f0922e;
	margin-top: 12px
}

.o-index2 .section-course .box3 p em {
	font-size: 24px
}

.o-index2 .section-course .box3 ul {
	*zoom: 1;
	margin-right: -10px
}

.o-index2 .section-course .box3 ul:before,.o-index2 .section-course .box3 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-course .box3 ul:after {
	clear: both
}

.o-index2 .section-course .box3 li {
	float: left;
	margin: 10px 10px 0 0;
	width: 120px;
	height: 94px;
	border-radius: 2px;
	overflow: hidden
}

.o-index2 .section-course .box3 li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative
}

.o-index2 .section-course .box3 li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .section-course .box3 li .img-wrap {
	width: 100%;
	height: 100%
}

.o-index2 .section-course .box3 li h2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 94px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	text-shadow: 0 0 5px #000
}

.o-index2 .section-course .box4 ul {
	*zoom: 1;
	margin-right: -24px
}

.o-index2 .section-course .box4 ul:before,.o-index2 .section-course .box4 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-course .box4 ul:after {
	clear: both
}

.o-index2 .section-course .box4 li {
	width: 178px;
	height: 86px;
	float: left;
	margin: 0 24px 15px 0;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 2px;
	border-left: 3px solid #f45c5c;
	font-size: 12px
}

.o-index2 .section-course .box4 li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0 0 23px;
	color: #666
}

.o-index2 .section-course .box4 li a:hover {
	opacity: .8
}

.o-index2 .section-course .box4 li h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px
}

.o-index2 .section-course .box4 li p {
	margin-top: 12px
}

.o-index2 .section-course .box4 .recommend-course {
	font-size: 12px;
	background: #ececec;
	padding: 12px 0 12px 8px
}

.o-index2 .section-course .box4 .recommend-course p {
	margin: 8px 0;
	*zoom: 1
}

.o-index2 .section-course .box4 .recommend-course p:before,.o-index2 .section-course .box4 .recommend-course p:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-course .box4 .recommend-course p:after {
	clear: both
}

.o-index2 .section-course .box4 .recommend-course span {
	display: inline-block;
	padding: 0 6px;
	float: left;
	position: relative
}

.o-index2 .section-course .box4 .recommend-course span:after {
	content: '';
	width: 1px;
	height: 17px;
	background: #ccc;
	position: absolute;
	top: 4px;
	right: 0
}

.o-index2 .section-course .box4 .recommend-course span.no-border:after {
	width: 0
}

.o-index2 .section-course .box4 .recommend-course a {
	color: #666;
	display: inline-block;
	line-height: 24px;
	padding: 0 8px;
	border-radius: 2px
}

.o-index2 .section-course .box4 .recommend-course a:hover,.o-index2 .section-course .box4 .recommend-course a.active {
	color: #fff;
	background: #ee5e5e
}

.o-index2 .section-course .box6 ul {
	*zoom: 1;
	margin-right: -10px
}

.o-index2 .section-course .box6 ul:before,.o-index2 .section-course .box6 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-course .box6 ul:after {
	clear: both
}

.o-index2 .section-course .box6 li {
	float: left;
	margin-right: 10px
}

.o-index2 .section-course .box6 li a {
	display: block;
	padding-bottom: 24px
}

.o-index2 .section-course .box6 li a:hover {
	opacity: .8
}

.o-index2 .section-course .box6 li .img-wrap {
	width: 120px;
	height: 86px;
	border-radius: 2px;
	overflow: hidden
}

.o-index2 .section-course .box6 li p {
	font-size: 14px;
	color: #333;
	margin-top: 8px
}

.o-index2 .section-food {
	height: 702px
}

.o-index2 .section-food .section-bd {
	height: 638px;
	overflow: hidden
}

.o-index2 .section-food .box1,.o-index2 .section-food .box2,.o-index2 .section-food .box4 {
	margin-top: 15px
}

.o-index2 .section-food .box1 ul {
	*zoom: 1;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-size: 12px;
	text-align: center
}

.o-index2 .section-food .box1 ul:before,.o-index2 .section-food .box1 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-food .box1 ul:after {
	clear: both
}

.o-index2 .section-food .box1 li {
	float: left;
	text-align: center;
	width: 126px
}

.o-index2 .section-food .box1 li a {
	display: block;
	color: #666;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 16px 0 12px
}

.o-index2 .section-food .box1 li a:hover {
	opacity: .8
}

.o-index2 .section-food .box1 li h3 {
	margin-top: 12px
}

.o-index2 .section-food .box1 li .img-wrap {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto
}

.o-index2 .section-food .box2 li {
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 16px
}

.o-index2 .section-food .box2 li a {
	display: block
}

.o-index2 .section-food .box2 li a:hover .mask {
	background-image: none;
	height: 100%;
	background: #000;
	opacity: .75;
	filter: alpha(opacity=75)
}

.o-index2 .section-food .box2 li a:hover .cont {
	padding: 50px 10px 0 10px;
	height: 100%
}

.o-index2 .section-food .box2 li a:hover .cont p {
	height: 90px;
	overflow: hidden
}

.o-index2 .section-food .box2 li .img-wrap {
	width: 380px;
	height: 180px
}

.o-index2 .section-food .box2 li .mask {
	background-image: url(/static/img/index2/mask.png?93db823db029ee41);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 137px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.o-index2 .section-food .box2 li .cont {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 137px;
	padding: 82px 10px 0 10px
}

.o-index2 .section-food .box2 li .cont h3 {
	font-weight: bold;
	font-size: 18px;
	color: #FFF
}

.o-index2 .section-food .box2 li .cont p {
	font-size: 14px;
	line-height: 18px;
	margin-top: 12px;
	color: #ccc;
	height: 18px;
	overflow: hidden
}

.o-index2 .section-food .box4 .box-bd {
	border: 1px solid #eee;
	background: #FFF
}

.o-index2 .section-food .box4 ul>li {
	height: 138px
}

.o-index2 .section-cms .section-bd {
	height: 494px;
	overflow: hidden;
	margin-bottom: 42px
}

.o-index2 .section-cms .box1,.o-index2 .section-cms .box2,.o-index2 .section-cms .box3 {
	margin-top: 15px
}

.o-index2 .section-cms .box1 .box-bd.lizhi {
	margin-top: 10px
}

.o-index2 .section-cms .box3 ul {
	*zoom: 1;
	margin-right: -20px
}

.o-index2 .section-cms .box3 ul:before,.o-index2 .section-cms .box3 ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-index2 .section-cms .box3 ul:after {
	clear: both
}

.o-index2 .section-cms .box3 ul li {
	float: left;
	margin: 0 20px 14px 0;
	border-radius: 2px;
	overflow: hidden
}

.o-index2 .section-cms .box3 ul li a {
	display: block;
	position: relative;
	color: #FFF
}

.o-index2 .section-cms .box3 ul li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-index2 .section-cms .box3 ul li a:hover h2 {
	height: 30px;
	line-height: 15px
}

.o-index2 .section-cms .box3 ul li a:hover h2:before {
	bottom: 15px
}

.o-index2 .section-cms .box3 ul li .img-wrap {
	width: 180px;
	height: 100px
}

.o-index2 .section-cms .box3 ul li h2 {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 30px
}

.o-index2 .section-cms .box3 ul li h2:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 8px;
	bottom: 7px;
	background: url(/static/img/index2/icon-play.png?168ad5616309a44a)
}

.o-index2 .section-cms .box3 ul li .mask {
	background: url(/static/img/index2/mask.png?93db823db029ee41);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.o-index2 .icon-clock {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat
}

.topPlan-wrap {
	width: 1180px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.topPlan-wrap .topPlan-inner {
	width: 328px;
	height: 435px;
	position: absolute;
	top: 25px;
	right: 128px
}

.topPlan-wrap .plan-static {
	text-align: center;
	color: #FFF;
	font-size: 14px
}

.topPlan-wrap .plan-static h2 {
	margin-top: 64px;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 59px
}

.topPlan-wrap .plan-static p {
	margin-top: 21px;
	color: #dcdcdc
}

.topPlan-wrap .plan-static .sex-wrap {
	margin: 62px auto 0 auto;
	*zoom: 1;
	width: 272px
}

.topPlan-wrap .plan-static .sex-wrap:before,.topPlan-wrap .plan-static .sex-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.topPlan-wrap .plan-static .sex-wrap:after {
	clear: both
}

.topPlan-wrap .plan-static .sex-wrap span {
	display: block;
	width: 110px;
	height: 39px;
	line-height: 39px;
	color: #FFF;
	background: #f83636;
	border-radius: 2px;
	cursor: pointer
}

.topPlan-wrap .plan-static .sex-wrap span.btn-boy {
	float: left
}

.topPlan-wrap .plan-static .sex-wrap span.btn-girl {
	float: right
}

.topPlan-wrap .plan-static .sex-wrap span:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.topPlan-wrap .plan-joined {
	padding: 20px 10px;
	text-align: left
}

.topPlan-wrap .joined-hd {
	*zoom: 1;
	position: relative
}

.topPlan-wrap .joined-hd:before,.topPlan-wrap .joined-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.topPlan-wrap .joined-hd:after {
	clear: both
}

.topPlan-wrap .joined-hd .hd-head {
	float: left;
	margin-left: 10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #333031;
	overflow: hidden
}

.topPlan-wrap .joined-hd .hd-head img {
	width: 100%;
	display: block;
	overflow: hidden
}

.topPlan-wrap .joined-hd .hd-info {
	float: left;
	margin-left: 25px
}

.topPlan-wrap .joined-hd .hd-info h4 {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 5px
}

.topPlan-wrap .joined-hd .hd-info p {
	font-size: 14px;
	color: #8b8b8b;
	text-align: left
}

.topPlan-wrap .joined-hd .hd-edit {
	position: absolute;
	right: 15px;
	top: 7px;
	width: 50px;
	height: 30px;
	line-height: 30px;
	background: #000;
	background: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 14px;
	text-align: center
}

.topPlan-wrap .joined-hd .hd-edit:hover {
	background: rgba(0,0,0,0.7)
}

.topPlan-wrap .joined-bd .bd-title {
	position: relative;
	text-align: center
}

.topPlan-wrap .joined-bd .bd-title em {
	color: #c8cad6;
	font-size: 14px
}

.topPlan-wrap .joined-bd .bd-title:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 8px;
	width: 120px;
	height: 1px;
	background: #6a6a66
}

.topPlan-wrap .joined-bd .bd-title:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 8px;
	width: 120px;
	height: 1px;
	background: #6a6a66
}

.topPlan-wrap .joined-bd .bd-title a {
	position: absolute;
	right: 0;
	top: -9px;
	color: #8b8b8b;
	font-size: 12px
}

.topPlan-wrap .joined-bd .bd-title a:hover {
	color: #f33030
}

.topPlan-wrap .joined-bd ul {
	padding: 10px 0 5px
}

.topPlan-wrap .joined-bd li {
	margin-bottom: 12px;
	text-align: center;
	font-size: 14px
}

.topPlan-wrap .joined-bd li p {
	line-height: 24px
}

.topPlan-wrap .joined-bd li em {
	font-weight: bold;
	display: block;
	line-height: 24px;
	color: #7d8091
}

.topPlan-wrap .joined-bd .joined-item {
	background: #000;
	background: rgba(0,0,0,0.54);
	color: #c8cad6;
	font-size: 14px;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease;
	padding: 10px;
	display: block;
	text-align: left
}

.topPlan-wrap .joined-bd .joined-item:hover {
	background: rgba(0,0,0,0.8)
}

.topPlan-wrap .joined-bd .joined-btn {
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	background: #f43232;
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.topPlan-wrap .joined-bd .joined-btn:hover {
	background: #f64b4b
}

.topPlan-wrap .joined-ft .ft-title {
	font-size: 14px;
	color: #787a82;
	margin-bottom: 15px;
	margin-left: 12px
}

.topPlan-wrap .joined-ft ul {
	*zoom: 1
}

.topPlan-wrap .joined-ft ul:before,.topPlan-wrap .joined-ft ul:after {
	content: "";
	display: table;
	line-height: 0
}

.topPlan-wrap .joined-ft ul:after {
	clear: both
}

.topPlan-wrap .joined-ft li {
	float: left;
	width: 33%;
	text-align: center;
	position: relative
}

.topPlan-wrap .joined-ft li:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	background: #19191b;
	width: 1px;
	height: 100%
}

.topPlan-wrap .joined-ft li.last:after {
	display: none
}

.topPlan-wrap .joined-ft li em {
	display: block;
	font-size: 14px;
	color: #c8cad6;
	margin-bottom: 18px
}

.topPlan-wrap .joined-ft li span {
	display: block;
	font-size: 14px;
	color: #c8cad6
}

.topPlan-wrap .joined-ft strong {
	font-size: 24px;
	color: #f73535;
	margin: 0 5px
}

.topPlan-wrap .joined-ft p {
	text-align: center;
	padding-top: 20px;
	color: #494a56;
	font-size: 14px
}

.section-pop {
	width: 528px;
	border-radius: 2px;
	background: #FFF;
	box-shadow: 0 0 5px #CCC;
	padding-top: 36px;
	color: #333;
	font-size: 14px;
	font-family: "Microsoft Yahei"
}

.section-pop .section-hd {
	position: relative
}

.section-pop .section-hd h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center
}

.section-pop .section-hd .process-warp {
	width: 434px;
	height: 14px;
	background: url(/static/img/index2/process1.png?b0d7c3c96e1e86af);
	margin: 20px auto 0 auto
}

.section-pop .section-hd .process-warp .process-inner {
	height: 100%;
	background: url(/static/img/index2/process2.png?fbfc9d10ed187bf5);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.section-pop .section-hd .process-warp.change {
	background: url(/static/img/index2/process3.png?86a9c002e6f63a79)
}

.section-pop .section-hd .process-warp.change .process-inner {
	background: url(/static/img/index2/process4.png?91b10297bb8c6026)
}

.section-pop .part1 .part-title {
	margin: 23px 0 31px
}

.section-pop .part1 .sex-wrap {
	*zoom: 1;
	width: 436px;
	margin: 0 auto
}

.section-pop .part1 .sex-wrap:before,.section-pop .part1 .sex-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part1 .sex-wrap:after {
	clear: both
}

.section-pop .part1 .sex-wrap .sex {
	display: inline-block;
	width: 197px;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 14px;
	background: #FFF;
	position: relative;
	border: 1px solid #f5f5f5;
	cursor: pointer
}

.section-pop .part1 .sex-wrap .sex:hover,.section-pop .part1 .sex-wrap .sex.active {
	color: #f45c5c;
	border: 1px solid #f45c5c
}

.section-pop .part1 .sex-wrap .sex:hover.boy,.section-pop .part1 .sex-wrap .sex.active.boy {
	border-left: 3px solid #f45c5c
}

.section-pop .part1 .sex-wrap .sex:hover.boy:before,.section-pop .part1 .sex-wrap .sex.active.boy:before {
	background: url(/static/img/index2/icon-boy2.png?__spript)
}

.section-pop .part1 .sex-wrap .sex:hover.girl,.section-pop .part1 .sex-wrap .sex.active.girl {
	border-right: 3px solid #f45c5c
}

.section-pop .part1 .sex-wrap .sex:hover.girl:before,.section-pop .part1 .sex-wrap .sex.active.girl:before {
	background: url(/static/img/index2/icon-girl2.png?__spript)
}

.section-pop .part1 .sex-wrap .boy {
	float: left;
	border-left: 3px solid #f45c5c;
	box-shadow: 5px 5px 10px #efe1e1;
	padding-left: 90px
}

.section-pop .part1 .sex-wrap .boy:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 15px;
	background: url(/static/img/index2/icon-boy1.png?__spript);
	position: absolute;
	left: 25px;
	top: 18px
}

.section-pop .part1 .sex-wrap .girl {
	float: right;
	border-right: 3px solid #f45c5c;
	box-shadow: -5px 5px 10px #efe1e1;
	padding-left: 74px
}

.section-pop .part1 .sex-wrap .girl:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 15px;
	background: url(/static/img/index2/icon-girl1.png?__spript);
	position: absolute;
	right: 25px;
	top: 18px
}

.section-pop .part1 .btn-next {
	margin: 40px auto 0 auto
}

.section-pop .part2 .part-title {
	margin: 21px 0
}

.section-pop .part2 .btn-next {
	margin: 37px auto 0 auto
}

.section-pop .part2 .info-wrap {
	width: 420px;
	margin: 0 auto
}

.section-pop .part2 .info {
	*zoom: 1;
	margin-right: -14px;
	font-size: 14px;
	color: #999
}

.section-pop .part2 .info:before,.section-pop .part2 .info:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part2 .info:after {
	clear: both
}

.section-pop .part2 .info div {
	width: 129px;
	line-height: 38px;
	background: #f7f7f7;
	float: left;
	margin-right: 15px;
	padding-left: 14px
}

.section-pop .part2 .info input {
	width: 82px;
	background: transparent;
	border: 0;
	outline: 0
}

.section-pop .part2 .place-wrap {
	margin: 0 auto;
	width: 286px
}

.section-pop .part2 .place-wrap .place-inner {
	*zoom: 1;
	margin-right: -15px
}

.section-pop .part2 .place-wrap .place-inner:before,.section-pop .part2 .place-wrap .place-inner:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part2 .place-wrap .place-inner:after {
	clear: both
}

.section-pop .part2 .place-wrap .place-inner .place {
	display: block;
	width: 83px;
	height: 83px;
	border: 1px solid #CCC;
	float: left;
	margin-right: 15px;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	padding-top: 10px;
	cursor: pointer
}

.section-pop .part2 .place-wrap .place-inner .place em {
	color: #999
}

.section-pop .part2 .place-wrap .place-inner .place:hover {
	border: 1px solid #fae4e4;
	color: #dc4141
}

.section-pop .part2 .place-wrap .place-inner .place:hover em {
	color: #dc4141
}

.section-pop .part2 .place-wrap .place-inner .place.active {
	background: #eb3232;
	color: #FFF;
	border: 1px solid #fae4e4
}

.section-pop .part2 .place-wrap .place-inner .place.active em {
	color: #FFF
}

.section-pop .part3 .part-title {
	margin-top: 22px
}

.section-pop .part3 .body-fat-show {
	position: relative;
	margin-top: 18px
}

.section-pop .part3 .body-fat-show .body-list-wrap {
	width: 440px;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: #d1d1d1;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d1d1d1),color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,#d1d1d1 0,#f4f4f4 100%);
	background: linear-gradient(to bottom,#d1d1d1 0,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #d1d1d1,endColorstr= #f4f4f4,GradientType=0);
	overflow: hidden
}

.section-pop .part3 .body-fat-show .body-list-wrap .point-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 440px;
	height: 8px;
	background: url(/static/img/index2/point_line.png?2945686b997e708b);
	z-index: 3
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list {
	position: absolute;
	top: 0;
	left: -56px;
	z-index: 2;
	width: 2000%;
	height: 110px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li {
	width: 110px;
	height: 110px;
	float: left
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_0 {
	background: url(/static/img/index2/ic_female_0.png?ac3464a892b92345)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_0 {
	background: url(/static/img/index2/ic_male_0.png?d3ca0edbacba667d)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_1 {
	background: url(/static/img/index2/ic_female_1.png?ace97c57b47fdf70)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_1 {
	background: url(/static/img/index2/ic_male_1.png?658c756f6701466f)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_2 {
	background: url(/static/img/index2/ic_female_2.png?77e83a3011c0fae3)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_2 {
	background: url(/static/img/index2/ic_male_2.png?203fd05ac348f724)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_3 {
	background: url(/static/img/index2/ic_female_3.png?d785b61240166a53)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_3 {
	background: url(/static/img/index2/ic_male_3.png?ce317597a60fc1ef)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_4 {
	background: url(/static/img/index2/ic_female_4.png?06872693a1a9fefa)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_4 {
	background: url(/static/img/index2/ic_male_4.png?2a60073a88770576)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_5 {
	background: url(/static/img/index2/ic_female_5.png?aed60265884b69f7)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_5 {
	background: url(/static/img/index2/ic_male_5.png?81dd0b3cc29de68c)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_6 {
	background: url(/static/img/index2/ic_female_6.png?c1f1280848ca89a9)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_6 {
	background: url(/static/img/index2/ic_male_6.png?d1edec98e79d0304)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_7 {
	background: url(/static/img/index2/ic_female_7.png?15f8f9a06fb21db7)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_7 {
	background: url(/static/img/index2/ic_male_7.png?def9044ee310d304)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.female_8 {
	background: url(/static/img/index2/ic_female_8.png?fd6f760236606082)
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list>li.male_8 {
	background: url(/static/img/index2/ic_male_8.png?34f83c226c2680eb)
}

.section-pop .part3 .body-fat-show .fat-btn {
	position: absolute;
	display: block;
	width: 37px;
	line-height: 40px;
	text-align: center;
	top: 32px;
	border-radius: 5px;
	color: #bebebe;
	cursor: pointer
}

.section-pop .part3 .body-fat-show .fat-btn:hover,.section-pop .part3 .body-fat-show .fat-btn.active {
	border: 1px solid #e4e4e4;
	background: #fff
}

.section-pop .part3 .body-fat-show .fat-last-btn {
	left: 2px
}

.section-pop .part3 .body-fat-show .fat-next-btn {
	right: 4px
}

.section-pop .part3 .warn {
	text-align: center;
	font-size: 12px;
	color: #f0922e;
	margin-top: 10px;
	display: none
}

.section-pop .part3 .warn.error {
	color: red
}

.section-pop .part3 .data-fat {
	font-size: 12px;
	color: #333;
	text-align: center;
	width: 112px;
	margin: 10px auto 0 auto
}

.section-pop .part3 .data-fat input {
	width: 100px;
	background: #f7f7f7;
	border: 0;
	outline: 0;
	height: 30px
}

.section-pop .part3 .btn-next {
	margin: 29px auto 0 auto
}

.section-pop .part4 {
	font-size: 14px
}

.section-pop .part4 .part-title {
	margin: 22px 0 14px 0
}

.section-pop .part4 .btn-next {
	margin: 25px auto 0 auto
}

.section-pop .part4 .base-wrap {
	*zoom: 1;
	border-left: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	width: 284px;
	margin: 0 auto
}

.section-pop .part4 .base-wrap:before,.section-pop .part4 .base-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part4 .base-wrap:after {
	clear: both
}

.section-pop .part4 .base-wrap .base {
	display: block;
	width: 94px;
	line-height: 28px;
	text-align: center;
	float: left;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	color: #333;
	cursor: pointer
}

.section-pop .part4 .base-wrap .base:hover,.section-pop .part4 .base-wrap .base.active {
	background: #eb3232;
	color: #FFF
}

.section-pop .part4 .aim-wrap {
	width: 268px;
	margin: 0 auto 0
}

.section-pop .part4 .aim-wrap .aim-inner {
	*zoom: 1;
	margin-right: -35px
}

.section-pop .part4 .aim-wrap .aim-inner:before,.section-pop .part4 .aim-wrap .aim-inner:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part4 .aim-wrap .aim-inner:after {
	clear: both
}

.section-pop .part4 .aim-wrap .aim {
	color: #595959;
	display: block;
	width: 66px;
	line-height: 66px;
	height: 66px;
	overflow: hidden;
	text-align: center;
	border-radius: 100%;
	background: #e9e9e9;
	float: left;
	margin: 20px 35px 0 0;
	cursor: pointer
}

.section-pop .part4 .aim-wrap .aim:hover,.section-pop .part4 .aim-wrap .aim.active {
	background: #ea8752;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea8752),color-stop(100%,#eb3333));
	background: -webkit-linear-gradient(top,#ea8752 0,#eb3333 100%);
	background: linear-gradient(to bottom,#ea8752 0,#eb3333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ea8752,endColorstr= #eb3333,GradientType=0);
	color: #FFF
}

.section-pop .part5 {
	font-size: 14px
}

.section-pop .part5 .list-wrap {
	width: 366px;
	margin: 0 auto
}

.section-pop .part5 .aims-list>li {
	width: 100px;
	float: left;
	margin-right: 20px;
	cursor: pointer
}

.section-pop .part5 .aims-list>li .img-warp {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden
}

.section-pop .part5 .aims-list>li .img-warp.male-pic1 {
	background: url(/static/img/index2/male-aim1.png?a2dd6e5859db14ef) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.female-pic1 {
	background: url(/static/img/index2/female-aim1.png?b959794fd5f15ad7) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.male-pic2 {
	background: url(/static/img/index2/male-aim2.png?028f7f18750270b4) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.female-pic2 {
	background: url(/static/img/index2/female-aim2.png?9030bf0b3ae1e6b1) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.male-pic3 {
	background: url(../img/index2/male-aim3.png) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.female-pic3 {
	background: url(../img/index2/female-aim3.png) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.male-pic4 {
	background: url(/static/img/index2/male-aim4.png?5a675f024b55b94b) no-repeat center center
}

.section-pop .part5 .aims-list>li .img-warp.female-pic4 {
	background: url(/static/img/index2/female-aim4.png?fa35dd94e7f93d83) no-repeat center center
}

.section-pop .part5 .aims-list>li .target {
	margin: 22px auto 0 auto;
	width: 106px;
	height: 38px;
	line-height: 38px;
	display: block;
	text-align: center;
	border: 1px solid #f2f2f2;
	color: #666;
	cursor: pointer
}

.section-pop .part5 .aims-list>li .target:hover,.section-pop .part5 .aims-list>li .target.active {
	color: #f12b24;
	border: 1px solid #f12b24
}

.section-pop .part5 .part-title {
	margin: 22px 0
}

.section-pop .part5 .btn-next {
	margin: 26px auto 0 auto
}

.section-pop .part6 .part-title {
	margin-top: 26px;
	font-weight: bold
}

.section-pop .part6 .btn-next {
	margin: 20px auto 0 auto
}

.section-pop .part6 .list-wrap {
	width: 434px;
	margin: 0 auto
}

.section-pop .part6 .list-wrap label {
	width: 24%;
	display: inline-block;
	margin-top: 14px
}

.section-pop .part6 .list-wrap label em {
	cursor: pointer
}

.section-pop .part6 .list-wrap input[type='radio'],.section-pop .part6 .list-wrap input[type='checkbox'] {
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
	background-repeat: no-repeat
}

.section-pop .part6 .list-wrap input[type='radio']:checked,.section-pop .part6 .list-wrap input[type='checkbox']:checked {
	background-repeat: no-repeat
}

.section-pop .part6 .list-wrap input[type='radio']:disabled,.section-pop .part6 .list-wrap input[type='checkbox']:disabled {
	background-repeat: no-repeat
}

.section-pop .part6 .list-wrap input[type='radio']:disabled+em,.section-pop .part6 .list-wrap input[type='checkbox']:disabled+em {
	color: #e6e6e6;
	cursor: default
}

.section-pop .part7 .btn-next {
	margin: 32px auto 0 auto
}

.section-pop .part7 a {
	display: inline-block;
	margin-left: 48px
}

.section-pop .part7 a:hover {
	opacity: .8
}

.section-pop .part7 li {
	position: relative;
	height: 115px;
	margin-top: 36px
}

.section-pop .part7 input[type='radio'] {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	top: 47px;
	left: 13px;
	background-repeat: no-repeat
}

.section-pop .part7 input[type='radio']:checked {
	background-repeat: no-repeat
}

.section-pop .part7 .course-wrap {
	width: 456px;
	*zoom: 1
}

.section-pop .part7 .course-wrap:before,.section-pop .part7 .course-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.section-pop .part7 .course-wrap:after {
	clear: both
}

.section-pop .part7 .course-wrap .course {
	float: left;
	position: relative
}

.section-pop .part7 .course-wrap .course .img-wrap {
	width: 205px;
	height: 115px;
	border-radius: 2px;
	overflow: hidden;
	float: left;
	position: relative
}

.section-pop .part7 .course-wrap .course .img-wrap img {
	width: 100%;
	display: block;
	overflow: hidden
}

.section-pop .part7 .course-wrap .course .img-wrap:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.5)
}

.section-pop .part7 .course-wrap .course h3 {
	position: absolute;
	top: 20px;
	left: 6px;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 2px 5px #000;
	height: 20px;
	overflow: hidden
}

.section-pop .part7 .course-wrap .course .course-intro {
	position: absolute;
	top: 53px;
	left: 6px;
	color: #FFF;
	font-size: 12px
}

.section-pop .part7 .course-wrap .course .course-intro .strong {
	display: inline-block;
	width: 85px;
	height: 14px;
	position: relative;
	top: 3px;
	background-repeat: repeat-x
}

.section-pop .part7 .course-wrap .course .course-intro .strong div {
	height: 100%;
	background-repeat: repeat-x
}

.section-pop .part7 .course-wrap .course .detail {
	position: absolute;
	top: 83px;
	left: 6px;
	color: #FFF;
	font-size: 12px
}

.section-pop .part7 .course-wrap .course .detail em {
	margin-right: 8px
}

.section-pop .part7 .course-wrap h2 {
	color: #333;
	font-weight: bold;
	margin-left: 225px
}

.section-pop .part7 .course-wrap .intro {
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	color: #999;
	margin: 12px 0 0 225px;
	font-size: 12px
}

.section-pop .part7 .course-wrap .plan-info {
	margin-left: 225px;
	color: #999
}

.section-pop .part7 .course-wrap .plan-info em {
	font-size: 18px;
	font-weight: bold;
	color: #333
}

.section-pop .part7 .course-wrap .plan-info span {
	margin-right: 6px
}

.section-pop .part7 .course-wrap .plan-info span.no-mr {
	margin: 0
}

.section-pop .part7 .course-wrap.error {
	line-height: 30px;
	padding: 20px 40px 0 40px
}

.section-pop .part7 .plan-tip {
	padding: 28px 36px 0 46px;
	font-size: 12px
}

.section-pop .part7 .plan-tip a {
	color: #3f73de;
	margin: 0
}

.section-pop .part {
	padding-bottom: 33px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.section-pop .part .part-title {
	font-size: 14px;
	text-align: center
}

.section-pop .btn-next {
	display: block;
	width: 129px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	background: #bcbcbc;
	border-radius: 36px;
	cursor: pointer
}

.section-pop .btn-next.active {
	background: #ed4040
}

.section-pop .btn-last {
	color: #cbcaca;
	font-size: 14px;
	position: absolute;
	top: 24px;
	left: 24px;
	cursor: pointer
}

.plan-dialog {
	box-shadow: none!important;
	background: 0;
	border: 0;
	background-color: #fafafc
}

.plan-dialog .ui-dialog-title {
	line-height: initial;
	min-height: auto;
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-size: 17px
}

.plan-dialog .ui-dialog-close {
	display: block;
	position: absolute;
	top: -36px;
	right: -36px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	cursor: pointer;
	background-repeat: no-repeat
}

.plan-dialog .ui-dialog-header {
	text-indent: -999px;
	position: absolute;
	width: 100%
}

.plan-dialog .ui-dialog-body {
	padding: 0;
	font-size: 15px;
	color: #888;
	text-align: left;
	background: #FFF
}

.plan-dialog .ui-dialog-content {
	padding: 0;
	color: #333
}

.plan-dialog .ui-dialog-content .dialog-cont {
	position: relative;
	padding-bottom: px2rem(10)
}

.plan-dialog .ui-dialog-footer {
	padding: 0;
	line-height: 42px;
	font-size: 17px
}

.plan-dialog .ui-dialog-footer .ui-dialog-button {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

.plan-dialog .ui-dialog-footer .ui-dialog-button:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5)
}

.plan-dialog .ui-dialog-footer button {
	line-height: 42px;
	font-size: 16px;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	outline: 0
}

.plan-dialog .ui-dialog-footer button:first-child:after {
	display: none
}

.plan-dialog .ui-dialog-footer button:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5)
}

.plan-dialog .ui-dialog-footer button[i-id="cancel"] {
	color: #353535;
	background: 0
}

.plan-dialog .ui-dialog-footer button[i-id="ok"] {
	color: #3cc51f;
	background: 0
}

.plan-dialog .ui-dialog-footer button:active {
	background-color: #eee
}

.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(227,40,40,0.5);
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active {
	color: white
}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2)
}

.o-article {
	background-color: #fff;
	padding-top: 80px
}

.o-article.bg-white {
	background-color: #fff
}

.o-article table a {
	text-decoration: underline;
	color: #00e
}

.o-article.article-tp2 {
	background-color: #fff
}

.o-article-wrap {
	width: 1200px;
	margin: 0 auto;
	min-height: 750px;
	*zoom: 1;
	padding-top: 30px
}

.o-article-wrap:before,.o-article-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-wrap:after {
	clear: both
}

.o-article-wrap .mod-crumbs {
	margin-bottom: 15px
}

.o-article-wrap .col-main {
	float: left;
	width: 780px;
	min-height: 600px;
	margin-bottom: 20px
}

.o-article-wrap .col-aside {
	font-family: "Microsoft Yahei";
	float: right;
	min-height: 600px;
	width: 380px
}

.o-article-tab {
	*zoom: 1;
	border: 1px solid #e0e0e0;
	margin-bottom: 6px
}

.o-article-tab:before,.o-article-tab:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-tab:after {
	clear: both
}

.o-article-tab .tab-con {
	width: 25%;
	float: left;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #656565;
	background-color: #fff;
	border-bottom: 2px solid #4ee49c;
	position: relative;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease
}

.o-article-tab .tab-con:hover {
	background-color: #e8e8e8
}

.o-article-tab .tab-con:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e0e0e0;
	display: block
}

.o-article-tab .tab-con:last-child:after {
	display: none
}

.o-article-search {
	height: 36px;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden
}

.o-article-search input[type="text"] {
	height: 36px!important;
	line-height: 36px!important;
	box-sizing: border-box!important;
	padding: 0!important;
	padding-right: 42px!important;
	padding-left: 15px!important;
	border: none!important;
	width: 100%!important
}

.o-article-search input[type="text"]:focus {
	outline: 0
}

.o-article-search .bdcs-container .bdcs-search-form-input {
	background-color: #f1f1f1;
	font-family: "Microsoft Yahei",Helvetica,Tahoma,"SimSun",sans-serif
}

.o-article-search .bdcs-search-form-submit {
	width: 22px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -5px;
	z-index: 10;
	border: none!important;
	text-indent: -500%;
	overflow: hidden;
	background-color: transparent!important;
	box-sizing: border-box;
	background-repeat: no-repeat
}

.o-article-search .bdcs-container .bdcs-search {
	width: auto!important
}

.o-article-tools {
	border: 1px solid #e0e0e0;
	margin-bottom: 10px
}

.o-article-tools .box-hd {
	background-color: #fafafa;
	border-bottom: 1px solid #e0e0e0;
	height: 58px;
	color: #333;
	font-size: 24px;
	text-align: center;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-article-tools .box-hd h2 {
	line-height: 58px
}

.o-article-tools .tools-list {
	background-color: #fff
}

.o-article-tools .tools-list li {
	font-size: 14px;
	color: #333
}

.o-article-tools .tools-list li:last-child a {
	border-bottom: 0
}

.o-article-tools .tools-list li em {
	vertical-align: middle;
	display: inline-block
}

.o-article-tools .tools-list a {
	display: block;
	height: 87px;
	line-height: 87px;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	*zoom: 1
}

.o-article-tools .tools-list a:before,.o-article-tools .tools-list a:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-tools .tools-list a:after {
	clear: both
}

.o-article-tools .tools-list a:hover {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
	box-shadow: 0 0 8px #bdbcbc
}

.o-article-tools .tools-list a.current {
	color: #e75f60;
	cursor: default;
	font-size: 16px
}

.o-article-tools .tools-list a.current:hover {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	box-shadow: none
}

.o-article-tools .tools-list .tool-equip {
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.o-article-tools .tools-list .tool-equip a {
	height: 110px;
	line-height: 110px
}

.o-article-tools .tools-list .tool-equip img {
	width: 100%;
	height: 100%
}

.o-article-tools .tools-list .tool-equip:hover {
	opacity: .7
}

.o-article-tools .tools-list .icon-wrap {
	width: 120px;
	padding-left: 32px;
	display: inline-block;
	vertical-align: middle
}

.o-article-tools .tools-list .icon-wrap img {
	width: 100%
}

.o-article-list {
	background-color: #fff;
	margin-bottom: 30px
}

.o-article-list .list-hd {
	background-color: #fafafa;
	border-bottom: 1px solid #e0e0e0;
	padding: 22px
}

.o-article-list .list-item {
	border-bottom: 1px solid #e9ebef;
	display: block;
	height: 177px;
	padding: 20px;
	background-color: #fff;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	*zoom: 1
}

.o-article-list .list-item:before,.o-article-list .list-item:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-list .list-item:after {
	clear: both
}

.o-article-list .list-item:hover {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
	box-shadow: 0 0 8px #bdbcbc
}

.o-article-list .list-item:last-child {
	border-bottom: 0
}

.o-article-list .item-pic {
	float: left;
	width: 220px;
	height: 124px;
	margin-right: 17px;
	position: relative;
	overflow: hidden
}

.o-article-list .item-pic a {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 500px;
	margin-top: -250px;
	line-height: 500px
}

.o-article-list .item-pic img {
	width: 100%
}

.o-article-list .item-content {
	height: 137px;
	margin-left: 237px;
	width: 510px
}

.o-article-list .item-content h2 a {
	font-size: 22px;
	color: #333;
	margin-bottom: 10px;
	display: block;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.o-article-list .item-content h2 a:hover {
	color: #e33d3a
}

.o-article-list .item-content em {
	font-size: 12px;
	color: #cecece;
	margin-bottom: 15px;
	display: block;
	white-space: nowrap;
	word-break: keep-all
}

.o-article-list .item-content p a {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden
}

.o-article-list .item-content p a:hover {
	color: #e33d3a
}

.o-article-list .item-content p span {
	color: #7481bb
}

.o-article-list .list-more {
	border-top: 1px solid #e0e0e0;
	cursor: pointer;
	background-color: #fff;
	line-height: 44px;
	text-align: center;
	color: #999;
	font-size: 14px;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease
}

.o-article-list .list-more:hover {
	background-color: #efefef
}

.o-article-list .tag-list {
	overflow: hidden
}

.o-article-list .tag-list li {
	float: left;
	margin-right: 17px;
	margin-bottom: 10px;
	line-height: 22px;
	padding: 2px 7px;
	display: block;
	font-size: 12px;
	border: 1px solid #f87163;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: #f87163;
	background-color: #fff9f9;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

.o-article-list .tag-list li a {
	color: inherit
}

.o-article-list .tag-list li.current a {
	color: #e33d3a
}

.o-article-list .tag-list li:hover {
	background-color: #f87163;
	color: #fff
}

.o-article-list .tag-title {
	font-size: 24px;
	overflow: hidden;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-article-list .tag-title a {
	float: right;
	margin-top: 10px;
	color: #878ca0;
	font-size: 12px
}

.o-article-list .tag-title a:hover {
	color: #c83939
}

.o-article-list .tag-title+.tag-list {
	margin-top: 18px
}

.o-article-detail {
	margin-bottom: 10px
}

.o-article-detail.tp-video .article {
	padding: 15px 20px
}

.o-article-detail .article {
	background-color: #fafafa;
	padding: 35px 50px
}

.o-article-detail h1 {
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	font-size: 26px;
	color: #333;
	margin-bottom: 20px
}

.o-article-detail strong {
	font-weight: bold
}

.o-article-detail strong span {
	font-weight: bold
}

.o-article-detail .article-meta {
	*zoom: 1;
	padding-bottom: 18px;
	border-bottom: 1px dashed #ccc7c5;
	margin-bottom: 10px
}

.o-article-detail .article-meta:before,.o-article-detail .article-meta:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-detail .article-meta:after {
	clear: both
}

.o-article-detail .article-meta .tag-list,.o-article-detail .article-meta .time,.o-article-detail .article-meta .m-share-list {
	float: left;
	font-size: 12px;
	line-height: 26px;
	margin-left: 1px;
	margin-top: 1px
}

.o-article-detail .article-meta .tag-list {
	border-right: 1px solid #f2f2f2;
	padding-right: 16px
}

.o-article-detail .article-meta .tag-list a {
	color: #666
}

.o-article-detail .article-meta .time {
	margin-right: 10px;
	border-right: 1px solid #f2f2f2;
	padding: 0 16px;
	color: #666
}

.o-article-detail .article-text {
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.8em;
	font-size: 16px
}

.o-article-detail .article-text a {
	color: #167ac6;
	text-decoration: underline
}

.o-article-detail .article-text a:hover {
	text-decoration: underline!important;
	color: #167ac6!important
}

.o-article-detail .article-text img {
	max-width: 100%;
	display: block;
	margin: 10px auto 0;
	width: auto!important
}

.o-article-detail .article-text img.mini {
	display: inline;
	margin: auto
}

.o-article-detail .article-text p {
	margin-bottom: 20px
}

.o-article-detail .article-text .embed-wrap {
	position: relative
}

.o-article-detail .article-text .embed-wrap:after {
	content: " ";
	position: absolute;
	background: url(/static/img/stamp.png?a54126c1b70f5b28) no-repeat;
	width: 93px;
	height: 43px;
	right: 80px;
	top: 5px
}

.o-article-detail .sweetfood {
	text-align: center
}

.o-article-detail .sweetfood a {
	display: inline-block;
	width: 684px;
	height: 122px;
	overflow: hidden
}

.m-share-list {
	margin-left: 0;
	margin-top: 0;
	position: relative;
	position: relative
}

.m-share-list .wechat-qrcode {
	position: absolute;
	top: 42px;
	left: 91px;
	background-color: #FFF;
	border: 1px solid #c9c9c9;
	padding: 0 10px 10px 10px;
	z-index: 10;
	border-radius: 6px;
	background-color: #efefef
}

.m-share-list .wechat-qrcode .qrcode {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #c9c9c9
}

.m-share-list .wechat-qrcode h3 {
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px
}

.m-share-list .wechat-qrcode .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: -200%;
	background-image: url("/static/img/icon-close2.png?10ba9c79388e49ec");
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	opacity: 90;
	filter: alpha(opacity=9000)
}

.m-share-list .wechat-qrcode .close:hover {
	opacity: 100;
	filter: alpha(opacity=10000)
}

.m-share-list .share-handler {
	height: 27px;
	line-height: 26px;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	display: inline-block;
	padding: 0 20px 0 8px;
	position: relative;
	z-index: 10;
	background-color: #FFF
}

.m-share-list .share-handler::before {
	content: "";
	position: absolute;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: -2px;
	border-width: 3px;
	border-color: #999 transparent transparent;
	margin-bottom: -3px;
	border-style: solid;
	top: 50%;
	right: 9px
}

.m-share-list .share-menu {
	position: absolute;
	top: 26px;
	left: 0;
	border: 1px solid #e0e0e0;
	padding: 6px 0;
	background-color: #FFF;
	display: none;
	z-index: 9
}

.m-share-list .share-menu li a {
	height: 28px;
	line-height: 28px;
	display: block;
	padding: 0 10px 0 31px;
	white-space: nowrap;
	color: #666;
	position: relative;
	cursor: pointer
}

.m-share-list .share-menu li a:hover {
	background-color: #f6f6f6
}

.m-share-list .share-menu li a.weibo::before {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("/static/img/icon-share1.png?2467dfdd09f9057f");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.m-share-list .share-menu li a.qzone::before {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("/static/img/icon-share2.png?976f364ab2517e03");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.m-share-list .share-menu li a.wechat::before {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("/static/img/icon-share3.png?7ecae8b6ee719751");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.m-share-list .share-menu li a.qq::before {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -8px;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("/static/img/icon-share5.png?bb789fa215fdbc9a");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.m-share-list:hover .share-handler {
	height: 27px;
	line-height: 26px;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	display: inline-block;
	padding: 0 20px 0 8px;
	position: relative
}

.m-share-list:hover .share-menu {
	display: block
}

.o-article-promote {
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 10px;
	*zoom: 1
}

.o-article-promote:before,.o-article-promote:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-promote:after {
	clear: both
}

.o-article-promote .hot {
	float: left;
	position: relative;
	margin-top: -24px;
	margin-right: 20px
}

.o-article-promote .hot a {
	margin-top: 24px;
	display: block;
	width: 240px;
	height: 90px
}

.o-article-promote .hot a img {
	width: 100%;
	height: 100%
}

.o-article-promote .hot a:hover {
	opacity: .8
}

.o-article-promote .cont {
	overflow: hidden
}

.o-article-promote .new-list-wrap {
	*zoom: 1;
	position: relative
}

.o-article-promote .new-list-wrap:before,.o-article-promote .new-list-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-promote .new-list-wrap:after {
	clear: both
}

.o-article-promote .new-list {
	float: none;
	margin-left: -3%;
	*zoom: 1
}

.o-article-promote .new-list:before,.o-article-promote .new-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-promote .new-list:after {
	clear: both
}

.o-article-promote .new-list li {
	width: 47%;
	position: relative;
	margin-left: 3%;
	float: left
}

.o-article-promote .new-list li::before {
	content: "";
	width: 2px;
	height: 2px;
	background-color: #878b9f;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0
}

.o-article-promote .new-list li a {
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 10px;
	color: #666;
	font-size: 14px
}

.o-article-promote .new-list li a:hover {
	color: #ab2b2b
}

.o-article-promote .promote {
	display: block;
	*zoom: 1;
	margin-bottom: 15px
}

.o-article-promote .promote:before,.o-article-promote .promote:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-promote .promote:after {
	clear: both
}

.o-article-promote .promote:hover {
	opacity: .8
}

.o-article-promote .promote:hover em {
	color: #c83838
}

.o-article-promote .promote .avatar {
	float: left;
	margin-right: 15px;
	width: 143px;
	height: 93px
}

.o-article-promote .promote .avatar img {
	width: 143px;
	height: 93px
}

.o-article-promote .promote .cont {
	overflow: hidden
}

.o-article-promote .promote h4 {
	font-size: 18px;
	color: #333;
	margin-bottom: 8px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-article-promote .promote p {
	color: #666;
	font-size: 14px;
	line-height: 1.5em
}

.o-article-promote .promote p em {
	color: #7481bb
}

.o-infosort {
	*zoom: 1;
	background-color: #FFF;
	border: 1px solid #e0e0e0;
	margin-bottom: 22px;
	padding: 10px 0 10px 20px
}

.o-infosort:before,.o-infosort:after {
	content: "";
	display: table;
	line-height: 0
}

.o-infosort:after {
	clear: both
}

.o-infosort dl {
	float: left;
	padding-right: 20px;
	width: 185px
}

.o-infosort dt {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px
}

.o-infosort dd {
	*zoom: 1
}

.o-infosort dd:before,.o-infosort dd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-infosort dd:after {
	clear: both
}

.o-infosort dd a {
	display: inline-block;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	margin-right: 8px;
	max-width: 100%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.o-infosort dd a:hover {
	opacity: .8
}

.o-article-hotnews {
	background-color: #FFF;
	margin-bottom: 10px
}

.o-article-hotnews .new-list .image {
	display: block;
	margin-bottom: 15px
}

.o-article-hotnews .new-list .image:hover {
	opacity: .8
}

.o-article-hotnews .new-list li {
	position: relative
}

.o-article-hotnews .new-list li::before {
	content: "";
	width: 2px;
	height: 2px;
	background-color: #878b9f;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0
}

.o-article-hotnews .new-list li .date {
	float: right;
	color: #666;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	padding-left: 10px
}

.o-article-hotnews .new-list li a {
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 10px;
	color: #666;
	font-size: 14px
}

.o-article-hotnews .new-list li a:hover {
	color: #ab2b2b
}

.o-article-hotnews .new-list:last-child {
	border-bottom: 0
}

.article-nav {
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px
}

.article-nav h3 {
	font-size: 16px;
	padding: 0 0 10px
}

.article-nav .nav {
	*zoom: 1
}

.article-nav .nav:before,.article-nav .nav:after {
	content: "";
	display: table;
	line-height: 0
}

.article-nav .nav:after {
	clear: both
}

.article-nav .nav .item {
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 1.8em
}

.article-nav .nav .item a {
	color: #333
}

.article-nav .nav .item a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.article-nav .nav .item .label {
	color: #999
}

.article-nav .nav .item.cur a {
	color: #c00
}

.o-article-list2 {
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1)
}

.o-article-list2 .list2-hd h2 {
	font-size: 20px;
	padding-left: 15px;
	color: #333;
	line-height: 44px;
	border-bottom: 1px solid #eee
}

.o-article-list2 .list2-bd li a {
	display: block;
	padding: 10px;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #fff
}

.o-article-list2 .list2-bd li a:hover {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
	box-shadow: 0 0 8px #bdbcbc
}

.o-article-list2 .list2-pic {
	float: left;
	width: 120px;
	height: 68px;
	overflow: hidden
}

.o-article-list2 .list2-pic img {
	width: 100%;
	display: block;
	overflow: hidden
}

.o-article-list2 .list2-cont {
	float: left;
	width: 170px;
	height: 68px;
	overflow: hidden;
	margin-left: 7px
}

.o-article-list2 .list2-cont p {
	line-height: 20px;
	font-size: 14px;
	color: #333;
	margin-bottom: 13px;
	height: 40px;
	overflow: hidden
}

.o-article-list2 .list2-cont em {
	display: block;
	font-size: 14px;
	color: #999
}

.o-article-tools .icon,.o-tools-index .icon {
	display: inline-block;
	vertical-align: middle
}

.o-article-tools .tool1 .icon,.o-tools-index .tool1 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool2 .icon,.o-tools-index .tool2 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool3 .icon,.o-tools-index .tool3 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool4 .icon,.o-tools-index .tool4 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool5 .icon,.o-tools-index .tool5 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool6 .icon,.o-tools-index .tool6 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool7 .icon,.o-tools-index .tool7 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool8 .icon,.o-tools-index .tool8 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool9 .icon,.o-tools-index .tool9 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool10 .icon,.o-tools-index .tool10 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool11 .icon,.o-tools-index .tool11 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool12 .icon,.o-tools-index .tool12 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool13 .icon,.o-tools-index .tool13 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool14 .icon,.o-tools-index .tool14 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool15 .icon,.o-tools-index .tool15 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.o-article-tools .tool16 .icon,.o-tools-index .tool16 .icon {
	width: 67px;
	height: 67px;
	background-repeat: no-repeat
}

.tool-list-main {
	background: #f8f8f8;
	padding-bottom: 18px;
	text-align: center
}

.tool-list-main a {
	color: #999;
	font-size: 14px
}

.tool-list-main ul {
	*zoom: 1
}

.tool-list-main ul:before,.tool-list-main ul:after {
	content: "";
	display: table;
	line-height: 0
}

.tool-list-main ul:after {
	clear: both
}

.tool-list-main ul li {
	float: left;
	width: 33.33%;
	height: 124px
}

.tool-list-main ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 16px
}

.tool-list-main ul li a:hover {
	opacity: .8
}

.tool-list-main ul li .icon-tools {
	width: 67px;
	height: 67px;
	display: block;
	margin: 0 auto 16px auto
}

.tool-list-main ul li .icon-tools.tool1 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool2 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool3 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool4 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool5 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool6 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool7 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool8 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool9 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool10 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool11 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool12 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool13 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool14 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool15 {
	background-repeat: no-repeat
}

.tool-list-main ul li .icon-tools.tool16 {
	background-repeat: no-repeat
}

.tool-list-main .tools-more {
	display: inline-block;
	margin-top: 10px;
	line-height: 14px;
	position: relative;
	padding-right: 20px
}

.tool-list-main .tools-more:hover {
	text-decoration: underline!important
}

.tool-list-main .tools-more:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border: 7px solid #ccc;
	border-color: transparent transparent transparent #ccc
}

.o-aside-top {
	background: url(/static/img/aside-top.jpg?2ef0c012d856f9d5) no-repeat;
	width: 100%;
	height: 246px;
	margin-bottom: 25px
}

.o-aside-top .box-inner {
	*zoom: 1;
	padding: 127px 30px 0
}

.o-aside-top .box-inner:before,.o-aside-top .box-inner:after {
	content: "";
	display: table;
	line-height: 0
}

.o-aside-top .box-inner:after {
	clear: both
}

.o-aside-top .btn-download-wrap {
	float: left;
	width: 168px
}

.o-aside-top .qr-code {
	float: right;
	width: 105px;
	height: 105px
}

.o-aside-top .qr-code img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-aside-top .btn-download {
	display: block;
	height: 45px;
	line-height: 45px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	-webkit-transition: background 200ms ease;
	transition: background 200ms ease
}

.o-aside-top .btn-download.btn-ios {
	background: #000;
	background: rgba(0,0,0,0.6);
	padding-left: 64px
}

.o-aside-top .btn-download.btn-ios:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 27px;
	top: 9px;
	left: 18px;
	background-repeat: no-repeat
}

.o-aside-top .btn-download.btn-ios:hover {
	background: rgba(0,0,0,0.8)
}

.o-aside-top .btn-download.btn-andirod {
	background: #419c32;
	background: rgba(65,156,50,0.6);
	padding-left: 55px;
	margin-top: 13px
}

.o-aside-top .btn-download.btn-andirod:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 28px;
	top: 9px;
	left: 18px;
	background-repeat: no-repeat
}

.o-aside-top .btn-download.btn-andirod:hover {
	background: rgba(65,156,50,0.8)
}

.o-aside-contact {
	padding: 15px 25px;
	background: #fafafa;
	margin-bottom: 10px;
	*zoom: 1
}

.o-aside-contact:before,.o-aside-contact:after {
	content: "";
	display: table;
	line-height: 0
}

.o-aside-contact:after {
	clear: both
}

.o-aside-contact h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px
}

.o-aside-contact .fl {
	float: left
}

.o-aside-contact .fl span {
	width: 110px;
	height: 110px;
	display: block;
	margin-left: 7px
}

.o-aside-contact .fl img {
	display: block;
	overflow: hidden;
	width: 100%
}

.o-aside-contact .fr {
	float: right;
	width: 160px
}

.o-aside-contact .fr p {
	color: #999;
	font-size: 14px;
	margin-bottom: 25px
}

.o-aside-contact .fr span {
	display: block;
	*zoom: 1
}

.o-aside-contact .fr span:before,.o-aside-contact .fr span:after {
	content: "";
	display: table;
	line-height: 0
}

.o-aside-contact .fr span:after {
	clear: both
}

.o-aside-contact .fr a {
	text-indent: -9999px;
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 16px;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	opacity: 1
}

.o-aside-contact .fr a:hover {
	opacity: .85
}

.o-aside-contact .fr .link-weibo {
	background: url(/static/img/login/login-wb.png?65e5a3e5f4a7162a) no-repeat
}

.o-aside-contact .fr .link-qq {
	background: url(/static/img/login/login-qq.png?cf27f195e910fd42) no-repeat
}

.o-aside-taglist {
	margin-bottom: 20px
}

.o-aside-taglist li {
	*zoom: 1;
	line-height: 50px;
	padding: 0 13px 0 27px;
	border-bottom: 1px solid #eee
}

.o-aside-taglist li:before,.o-aside-taglist li:after {
	content: "";
	display: table;
	line-height: 0
}

.o-aside-taglist li:after {
	clear: both
}

.o-aside-taglist a {
	color: #7193e1;
	font-size: 14px;
	float: right
}

.o-aside-taglist a:hover {
	text-decoration: underline!important
}

.o-aside-taglist span {
	float: left;
	color: #333;
	font-size: 14px
}

.o-aside-taglist strong {
	font-weight: bold;
	color: #e14839;
	font-size: 18px;
	margin-right: 5px
}

.o-article-box {
	margin-bottom: 20px
}

.o-article-box .box {
	width: 380px;
	margin-right: 20px
}

.o-article-box .box .box-hd {
	position: relative
}

.o-article-box .box .box-hd h2 {
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #e13030;
	padding-left: 10px
}

.o-article-box .box .box-hd .btn-more {
	position: absolute;
	top: 3px;
	right: 0;
	color: #666;
	font-size: 12px
}

.o-article-box .box .box-hd .btn-more:hover {
	color: #e32828
}

.o-article-box .box .box-bd {
	margin-top: 16px
}

.o-article-box .box-common1 .box-bd ul {
	*zoom: 1;
	margin-right: -10px;
	font-size: 12px
}

.o-article-box .box-common1 .box-bd ul:before,.o-article-box .box-common1 .box-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-article-box .box-common1 .box-bd ul:after {
	clear: both
}

.o-article-box .box-common1 .box-bd ul li {
	margin-right: 10px;
	width: 185px;
	height: 185px;
	float: left;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	text-align: center
}

.o-article-box .box-common1 .box-bd ul li.first {
	width: 380px;
	height: 215px;
	margin-bottom: 10px;
	text-align: left
}

.o-article-box .box-common1 .box-bd ul li.first span {
	display: block
}

.o-article-box .box-common1 .box-bd ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.o-article-box .box-common1 .box-bd ul li a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-article-box .box-common1 .box-bd ul li img {
	width: 100%;
	overflow: hidden
}

.o-article-box .box-common1 .box-bd ul li span {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,0.5);
	border-radius: 2px;
	padding: 0 26px 0 42px;
	display: none
}

.o-article-box .box-common1 .box-bd ul li .icon-clock {
	position: absolute;
	top: 8px;
	left: 10px
}

.o-article-box .box-common1 .box-bd ul li .mask {
	background: url(/static/img/index2/mask.png?93db823db029ee41);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 137px;
	width: 100%;
	padding-top: 114px
}

.o-article-box .box-common1 .box-bd ul li .mask h2 {
	font-weight: bold;
	padding: 0 10px
}

.o-article-box .box-common1 .icon-clock {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat
}

.o-exercise.page {
	padding-top: 91px;
	padding-left: 275px
}

.o-exercise.aside-fold {
	padding-left: 49px
}

.o-exercise.aside-fold .o-exercise-aside {
	width: 49px
}

.o-exercise.aside-fold .o-exercise-aside .group-hd {
	height: 49px
}

.o-exercise.aside-fold .o-exercise-aside .group-hd h3 {
	display: none
}

.o-exercise.aside-fold .o-exercise-aside .group-hd em {
	display: none
}

.o-exercise.aside-fold .o-exercise-aside .sort-menu {
	cursor: pointer
}

.o-exercise.aside-fold .o-exercise-aside .menu-item-bd {
	display: none
}

.o-exercise.aside-fold .o-exercise-aside .menu-item {
	padding: 24px 10px 14px!important
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-item-hd {
	height: auto;
	line-height: 18px;
	margin-bottom: 0
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-label {
	padding-left: 0;
	font-size: 14px;
	line-height: 18px
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-label:before {
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	margin-bottom: 7px
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {
	width: 18px;
	height: 9px;
	margin-top: -8px;
	background-repeat: no-repeat
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {
	width: 15px;
	height: 12px;
	margin-top: -7px;
	background-repeat: no-repeat
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {
	width: 15px;
	height: 11px;
	margin-top: -6px;
	background-repeat: no-repeat
}

.o-exercise.aside-fold .o-exercise-aside .menu-handler {
	background-image: url("/static/img/icon-arrow1.png?136832002adcb63e")
}

.o-exercise.aside-fold .o-exercise-aside .item-muscle-show {
	display: none
}

.o-exercise.aside-fold .o-exercise-aside .aside-search {
	display: none
}

.o-exercise-aside {
	background-color: #2d2c2e;
	width: 275px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 51px;
	z-index: 100
}

.o-exercise-aside .menu-group {
	height: 49px;
	overflow: hidden
}

.o-exercise-aside .menu-group.group-tp1 i {
	background-repeat: no-repeat
}

.o-exercise-aside .menu-group.group-tp2 i {
	background-repeat: no-repeat
}

.o-exercise-aside .menu-group.group-expand {
	height: auto
}

.o-exercise-aside .menu-group.group-expand .group-hd {
	background: #c83939
}

.o-exercise-aside .menu-group.group-expand .group-hd em {
	background-repeat: no-repeat
}

.o-exercise-aside .menu-group.group-expand .group-bd {
	display: block
}

.o-exercise-aside .menu-group .group-hd {
	cursor: pointer;
	line-height: 48px;
	padding: 0 15px 0 40px;
	position: relative;
	background: #252426
}

.o-exercise-aside .menu-group .group-hd h3 {
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin-right: 8px
}

.o-exercise-aside .menu-group .group-hd i {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 15px;
	top: 15px
}

.o-exercise-aside .menu-group .group-hd em {
	display: inline-block;
	width: 10px;
	height: 5px;
	vertical-align: middle;
	background-repeat: no-repeat
}

.o-exercise-aside .menu-group .group-bd {
	display: none
}

.o-exercise-aside .menu-handler {
	position: absolute;
	top: 50%;
	right: -13px;
	margin-top: -72px;
	background-image: url("/static/img/icon-arrow2.png?cb04f294916ef9a0");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 143px;
	text-indent: -500%;
	overflow: hidden
}

.o-exercise-aside .menu-handler:hover {
	opacity: .8
}

.o-exercise-aside .menu-label {
	font-size: 14px;
	line-height: 24px
}

.o-exercise-aside .menu-item {
	padding: 20px 15px;
	border-top: 1px solid #343335;
	border-bottom: 1px solid #272628
}

.o-exercise-aside .menu-item:first-child {
	border-top: 0
}

.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before {
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background-repeat: no-repeat
}

.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {
	background-repeat: no-repeat
}

.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {
	width: 16px;
	height: 13px;
	margin-top: -7px;
	background-repeat: no-repeat
}

.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {
	width: 26px;
	height: 13px;
	margin-top: -6px;
	background-repeat: no-repeat
}

.o-exercise-aside .menu-item-bd {
	*zoom: 1;
	position: relative;
	margin-left: -5px;
	margin-top: -5px
}

.o-exercise-aside .menu-item-bd:before,.o-exercise-aside .menu-item-bd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-exercise-aside .menu-item-bd:after {
	clear: both
}

.o-exercise-aside .sort-item {
	float: left;
	padding: 0 3px;
	height: 24px;
	width: 57px;
	line-height: 24px;
	color: #b2b2b2;
	font-size: 12px;
	text-align: center;
	background-color: #3f3f3f;
	margin-left: 5px;
	margin-top: 5px;
	overflow: hidden
}

.o-exercise-aside .sort-item:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}

.o-exercise-aside .sort-item.selected {
	background-color: #c83838;
	color: #fff
}

.o-exercise-aside .sort-item.selected:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.o-exercise-aside .sort-item.not-click {
	cursor: not-allowed;
	background: #282626;
	color: #646363
}

.o-exercise-aside .sort-item.not-click:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color: #646363
}

.o-exercise-aside .item-muscle-show {
	position: absolute;
	right: 0;
	top: 0
}

.o-exercise-aside .sort-menu {
	height: 100%;
	box-sizing: border-box;
	border-bottom: #272628;
	position: relative
}

.o-exercise-aside .menu-item-hd {
	line-height: 26px;
	height: 26px;
	font-size: 16px;
	color: #ababab;
	margin-bottom: 15px;
	position: relative
}

.o-exercise-aside .menu-item-hd .sort-item {
	margin: 0
}

.o-exercise-aside .menu-item-hd .menu-label {
	padding-left: 28px;
	position: relative
}

.o-exercise-aside .menu-item-hd .menu-label:before {
	content: "";
	width: 20px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px
}

.o-exercise-aside .group-label {
	border-bottom: 1px solid #343335;
	color: #ababad;
	margin-left: 4px;
	padding-top: 4px;
	clear: both
}

.o-exercise-main {
	background-color: #f2f2f2;
	padding-left: 3%;
	padding-right: 3%;
	min-width: 1000px;
	position: relative
}

.o-exercise-main .expand-mask {
	position: absolute;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 673px;
	display: none
}

.o-exercise-list {
	margin-bottom: 20px;
	*zoom: 1
}

.o-exercise-list:before,.o-exercise-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-exercise-list:after {
	clear: both
}

.o-exercise-list ul {
	*zoom: 1;
	margin-left: -2%;
	margin-top: -20px
}

.o-exercise-list ul:before,.o-exercise-list ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-exercise-list ul:after {
	clear: both
}

.o-exercise-list li {
	background-color: #FFF;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	width: 23%;
	margin: 20px 0 0 2%;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.o-exercise-list li:hover,.o-exercise-list li:focus,.o-exercise-list li:active {
	box-shadow: 0 0 8px rgba(0,0,0,0.6)
}

.o-exercise-list li a:hover .title {
	color: #c83838
}

.o-exercise-list li .avatar {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden
}

.o-exercise-list li .avatar-pic {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
	left: 0;
	background: #000;
	text-align: center
}

.o-exercise-list li .avatar-pic img {
	display: inline-block;
	height: 100%
}

.o-exercise-list li .avatar-pic.fixSize {
	height: 500px;
	line-height: 500px;
	top: 50%;
	margin-top: -250px
}

.o-exercise-list li .avatar-pic.fixSize img {
	width: 100%;
	height: auto
}

.o-exercise-list li .avatar-eng-title {
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}

.o-exercise-list li .eng-title {
	color: #959595;
	font-size: 14px;
	display: block;
	position: absolute;
	bottom: 0;
	height: 33px;
	line-height: 36px;
	padding: 0 12px;
	overflow: hidden;
	width: 100%;
	background: url(/static/img/bg-mask2.png?56c6a50f86417dbb) repeat-x left bottom
}

.o-exercise-list li .avatar-default {
	display: block;
	overflow: hidden;
	width: 100%
}

.o-exercise-list li .cont {
	font-size: 14px;
	line-height: 1.5em;
	padding: 5px 17px
}

.o-exercise-list li .title {
	color: #333;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%
}

.o-exercise-list li .tag {
	font-size: 12px;
	color: #999;
	height: 1.5em;
	overflow: hidden
}

.o-pagemod {
	*zoom: 1
}

.o-pagemod:before,.o-pagemod:after {
	content: "";
	display: table;
	line-height: 0
}

.o-pagemod:after {
	clear: both
}

.o-pagemod-hd {
	margin-top: 28px;
	margin-bottom: 24px
}

.o-pagemod-hd h1 {
	color: #333;
	font-size: 30px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	line-height: 1.1em
}

.o-video,.o-video2 {
	*zoom: 1;
	margin: 0 auto;
	padding-bottom: 20px
}

.o-video:before,.o-video:after,.o-video2:before,.o-video2:after {
	content: "";
	display: table;
	line-height: 0
}

.o-video:after,.o-video2:after {
	clear: both
}

.o-video .mod-crumbs,.o-video2 .mod-crumbs {
	margin: 14px 0;
	font-size: 12px
}

.o-video {
	width: 1000px
}

.o-video .o-video-player {
	width: 1000px;
	height: 562px
}

@media only screen and (min-width:1550px) {
	.o-video {
		width: 1200px
	}

	.o-video .o-video-player {
		width: 1200px;
		height: 674px
	}
}

.o-video2 {
	width: 1200px
}

.o-video2 .o-video-video {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	padding-right: 345px
}

.o-video2 .o-video-player {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	height: 480px
}

.o-video2 .o-video-aside {
	-webkit-transition: margin-top 300ms ease;
	transition: margin-top 300ms ease;
	margin-top: -490px
}

.o-video2 .o-video-video.expand {
	padding-right: 0;
	margin-top: 0
}

.o-video2 .o-video-player.expand {
	height: 673px
}

.o-video2 .o-video-aside.expand {
	margin-top: 0
}

.o-video-hd {
	background-color: #fff;
	*zoom: 1;
	padding: 15px 0;
	position: relative
}

.o-video-hd:before,.o-video-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-video-hd:after {
	clear: both
}

.o-video-hd h1 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 15px
}

.o-video-hd .info {
	float: left
}

.o-video-hd .action {
	float: right;
	margin-right: 20px;
	position: relative;
	z-index: 5
}

.o-video-hd .get-train {
	float: left;
	height: 85px;
	line-height: 85px;
	text-align: center;
	width: 228px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background-color: #f65d5d
}

.o-video-hd .get-train:hover {
	opacity: .8
}

.o-video-hd .page-return {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("/static/img/icon-close4.jpg?d8360b308b572d24");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -500%;
	overflow: hidden
}

.o-video-hd .sex {
	float: left;
	font-size: 16px;
	margin-top: 30px;
	margin-right: 15px
}

.o-video-hd .sex .label,.o-video-hd .sex .radio {
	display: inline-block
}

.o-video-hd .sex .label {
	color: #999;
	margin-right: 20px
}

.o-video-hd .sex .radio {
	color: #333
}

.o-video-hd .sex .item {
	margin-right: 8px;
	display: inline-block;
	line-height: 35px;
	width: 87px;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #fff;
	cursor: pointer
}

.o-video-hd .sex .item.selected {
	background-color: #fff2f2;
	border: 1px solid #ef3f3f;
	line-height: 35px;
	color: #ef3f3f;
	position: relative
}

.o-video-hd .sex .item.selected:before {
	content: "";
	width: 19px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("/static/img/icon-tick.jpg?0f63dbe20670c9d9");
	background-position: 0 0;
	background-repeat: no-repeat
}

.o-video-hd .tag {
	font-size: 12px;
	line-height: 2em;
	*zoom: 1
}

.o-video-hd .tag:before,.o-video-hd .tag:after {
	content: "";
	display: table;
	line-height: 0
}

.o-video-hd .tag:after {
	clear: both
}

.o-video-hd .group {
	float: left;
	border-right: 1px solid #f2f2f2;
	padding: 0 20px
}

.o-video-hd .group span {
	display: block
}

.o-video-bd.main {
	width: 855px;
	float: left;
	margin-right: 10px
}

.o-video-aside {
	float: left;
	background-color: #fff;
	height: 480px;
	width: 335px;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	font-family: "Microsoft Yahei"
}

.o-video-aside .aside-hd {
	padding: 25px 0 20px;
	margin: 0 25px;
	border-bottom: 1px solid #e2e2e2
}

.o-video-aside .aside-hd h2 {
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
	height: 22px;
	overflow: hidden
}

.o-video-aside .aside-hd p {
	height: 84px;
	font-size: 14px;
	color: #999;
	line-height: 28px;
	overflow: hidden
}

.o-video-aside .aside-bd .m-logo {
	width: 90px;
	height: 90px;
	background: url(/static/img/logo4.png?c5a043423ed22c2b) no-repeat;
	margin: 17px auto
}

.o-video-aside .aside-bd h3 {
	font-size: 22px;
	color: #666;
	text-align: center;
	margin-bottom: 20px
}

.o-video-aside .aside-bd .m-btn {
	overflow: hidden;
	float: left;
	margin-left: 30px;
	margin-right: 20px
}

.o-video-aside .aside-bd .m-btn a {
	display: block;
	width: 136px;
	height: 48px;
	line-height: 48px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
	opacity: 1;
	-webkit-transition: opacity ease 300ms;
	transition: opacity ease 300ms
}

.o-video-aside .aside-bd .m-btn a:hover {
	opacity: .7
}

.o-video-aside .aside-bd .m-btn a i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	margin-right: 2px
}

.o-video-aside .aside-bd .m-btn .btn-android {
	background: #81bb5f
}

.o-video-aside .aside-bd .m-btn .btn-android i {
	width: 30px;
	height: 34px;
	background-repeat: no-repeat
}

.o-video-aside .aside-bd .m-btn .btn-ios {
	background: #333
}

.o-video-aside .aside-bd .m-btn .btn-ios i {
	width: 26px;
	height: 31px;
	margin-right: 10px;
	background-repeat: no-repeat
}

.o-video-aside .aside-bd .m-qrcode {
	float: left;
	width: 110px;
	height: 110px;
	border: 4px solid #eaeaea;
	overflow: hidden
}

.o-video-aside .aside-bd .m-qrcode img {
	display: block;
	overflow: hidden;
	width: 100%
}

.o-video-player {
	background-color: #313131;
	margin-bottom: 10px;
	overflow: hidden
}

.o-video-player.fold .o-video-player-main {
	padding-right: 25px
}

.o-video-player.fold .o-video-player-aside {
	width: 0
}

.o-video-player.fold .o-video-player-aside .aside-main {
	display: none
}

.o-video-player.fold .o-video-player-aside .aside-handler i {
	background-image: url("/static/img/icon-arrow4.png?6ae9255aa2a37530")
}

.o-video-player-main {
	padding-right: 356px;
	height: 100%
}

.o-video-player-main .video-player {
	height: 100%
}

.o-video-player-main embed {
	width: 100%;
	height: 100%
}

.o-video-player-main2 {
	height: 100%
}

.o-video-player-main2 .video-player {
	height: 100%
}

.o-video-player-main2 embed {
	width: 100%;
	height: 100%
}

.o-video-video {
	margin-top: 15px
}

.o-video-player-aside {
	float: right;
	width: 331px;
	height: 100%;
	padding-left: 25px
}

.o-video-player-aside .aside-handler {
	width: 25px;
	position: relative;
	margin-left: -25px;
	z-index: 5;
	background-color: #222;
	height: 100%;
	cursor: pointer;
	text-indent: -500px;
	overflow: hidden;
	float: left
}

.o-video-player-aside .aside-handler i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	background-image: url("/static/img/icon-arrow3.png?96c78eacf3e1bee8");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 14px;
	margin-top: -7px
}

.o-video-player-aside .aside-handler:hover {
	opacity: .5
}

.o-video-player-aside .nicescroll-rails div {
	border-color: #666!important;
	border-radius: 0!important;
	width: 8px!important
}

.o-video-player-aside .aside-hd {
	height: 53px;
	line-height: 53px;
	border-bottom: 1px solid #393939;
	margin-bottom: -53px;
	position: relative;
	z-index: 5
}

.o-video-player-aside .aside-hd h3 {
	font-size: 18px;
	color: #939595;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	padding: 0 20px
}

.o-video-player-aside .aside-bd {
	height: auto;
	margin-top: 53px;
	box-sizing: border-box;
	overflow: auto;
	position: absolute;
	width: 100%
}

.o-video-player-aside .aside-main {
	height: 100%;
	position: relative
}

.o-video-player-aside .action-list ul {
	padding-top: 4px
}

.o-video-player-aside .action-list li {
	margin-bottom: 4px
}

.o-video-player-aside .action-list li img {
	width: 320px;
	height: 190px
}

.o-video-guide {
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;
	*zoom: 1;
	padding: 34px
}

.o-video-guide:before,.o-video-guide:after {
	content: "";
	display: table;
	line-height: 0
}

.o-video-guide:after {
	clear: both
}

.o-video-guide .gap {
	position: absolute;
	top: 5%;
	left: 50%;
	width: 1px;
	background-color: #f2f2f2;
	height: 90%;
	box-sizing: border-box
}

.o-video-guide .guide-pic,.o-video-guide .guide-text {
	float: left;
	width: 50%;
	box-sizing: border-box
}

.o-video-guide .guide-text {
	padding-left: 5%
}

.o-video-guide .guide-pic {
	text-align: center;
	font-size: 0
}

.o-video-guide .guide-pic h3 {
	font-size: 20px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 40px
}

.o-video-guide .guide-pic img {
	width: 50%
}

.o-video-guide .guide-pic .bb-img {
	width: 80%
}

.o-video-guide .guide-text h3 {
	font-size: 20px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	font-weight: bold;
	color: #333;
	margin-bottom: 30px
}

.o-video-guide .guide-text .cont {
	line-height: 2em;
	font-size: 14px;
	word-break: break-word;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-video-guide .guide-text li {
	margin-bottom: 45px;
	color: #333;
	font-size: 14px
}

.o-course-intro {
	background-color: #FFF;
	margin-bottom: 10px;
	border: 1px solid #e9e9e9;
	font-family: "Microsoft YaHei"
}

.o-course-intro .cancle-action {
	float: right;
	padding-top: 11px
}

.o-course-intro .cancle {
	background-color: #eee;
	font-size: 12px;
	color: #999;
	height: 30px;
	line-height: 30px;
	padding: 0 10px
}

.o-course-intro-hd {
	height: 50px;
	*zoom: 1;
	padding: 0 20px;
	position: relative;
	border-bottom: 1px solid #f1f1f1
}

.o-course-intro-hd:before,.o-course-intro-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-intro-hd:after {
	clear: both
}

.o-course-intro-hd h3 {
	float: left;
	line-height: 50px;
	margin-right: 15px;
	font-size: 19px;
	color: #333;
	max-width: 250px;
	height: 50px;
	overflow: hidden;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-course-intro-hd .m-share-list {
	float: left;
	margin: 12px 25px 0 0
}

.o-course-intro-hd .m-share-list .share-handler {
	font-size: 12px
}

.o-course-intro-hd .m-share-list .share-menu li a {
	font-size: 12px
}

.o-course-intro-hd .coach-select {
	position: absolute;
	width: 110px;
	left: 50%;
	margin-left: -55px;
	top: 12px
}

.o-course-intro-hd .coach-select .sex {
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999;
	border: 1px solid #e1e1e1;
	padding: 0 9px;
	cursor: pointer
}

.o-course-intro-hd .coach-select .male {
	border-right: 0;
	border-radius: 3px 0 0 3px
}

.o-course-intro-hd .coach-select .female {
	border-left: none;
	border-radius: 0 3px 3px 0
}

.o-course-intro-hd .coach-select .selected {
	cursor: default;
	background-color: #f22923;
	color: #fff;
	border-color: #f22923
}

.o-course-intro-hd .join-num {
	float: right;
	font-size: 14px;
	color: #999;
	line-height: 50px
}

.o-course-intro-bd {
	position: relative;
	height: 90px;
	padding: 14px 20px 0
}

.o-course-intro-bd ul li {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-bottom: 17px;
	height: 17px;
	line-height: 17px;
	min-width: 160px;
	margin-right: 20px
}

.o-course-intro-bd ul li .label {
	color: #666;
	font-weight: bold;
	display: inline-block
}

.o-course-intro-bd .get-in {
	background-color: #f22923;
	border-radius: 3px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 22px;
	padding: 0 35px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -28px;
	width: auto
}

.u-course-hard {
	display: inline-block;
	vertical-align: middle;
	width: 105px;
	height: 17px;
	background: url("/static/img/icon-hard-empty.png?f07339d517e0c8b9") repeat-x;
	position: relative;
	margin-left: -6px
}

.u-course-hard em {
	position: absolute;
	left: 0;
	top: 0;
	height: 17px;
	background: url("/static/img/icon-hard-full.png?961bb33b944e8b97") repeat-x
}

.u-course-hard.course-hard-1 em {
	width: 21px
}

.u-course-hard.course-hard-2 em {
	width: 42px
}

.u-course-hard.course-hard-3 em {
	width: 63px
}

.u-course-hard.course-hard-4 em {
	width: 84px
}

.u-course-hard.course-hard-5 em {
	width: 105px
}

.o-course-detail {
	padding-left: 0!important;
	min-width: 1200px
}

.o-course-detail.mini .o-course-foodplan .food-list li {
	width: 50%;
	margin: 1% 0
}

.m-course-intro {
	font-family: "Microsoft Yahei"
}

.m-course-intro .meta {
	font-size: 14px;
	color: #999;
	padding: 17px 14px;
	border-bottom: 1px solid #393939
}

.m-course-intro .meta .item {
	display: inline-block;
	width: 98px;
	text-align: center
}

.m-course-intro .meta span {
	margin-right: 4px;
	display: block;
	margin-bottom: 10px
}

.m-course-intro .meta em {
	font-size: 18px;
	color: #c83939
}

.m-course-intro .action-guide {
	margin: 0 22px;
	padding-top: 18px
}

.m-course-intro .action-guide .name {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 280px
}

.m-course-intro .action-guide .name em {
	display: block;
	font-size: 14px;
	color: #999;
	text-align: center
}

.m-course-intro .action-guide img {
	width: 100%;
	margin-bottom: 10px
}

.m-course-intro .action-desc {
	border-top: 1px solid #2a2a2a;
	padding-top: 10px;
	color: #939595;
	font-size: 14px
}

.m-course-intro .action-desc h3 {
	font-weight: bold;
	margin-bottom: 15px
}

.m-course-intro .action-desc p,.m-course-intro .action-desc pre {
	margin-bottom: 20px;
	line-height: 1.5em
}

.m-course-intro .desc {
	padding: 15px 8px;
	font-size: 12px;
	line-height: 1.5em;
	color: #999;
	text-indent: 2em;
	border-bottom: 1px solid #393939
}

.m-course-intro .action {
	padding: 25px 0
}

.m-course-intro .action .join {
	font-size: 18px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	width: auto;
	margin: 0 18px
}

.m-course-intro .action .cancle {
	font-size: 18px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	background-color: #373737;
	color: #252525;
	font-weight: bold;
	text-align: center;
	display: block;
	width: auto;
	margin: 0 18px
}

.m-course-intro .desc {
	padding: 8px 20px
}

.m-course-intro .sex {
	font-size: 16px;
	padding: 29px 0;
	border-bottom: 1px solid #393939;
	padding-left: 10px
}

.m-course-intro .sex .label,.m-course-intro .sex .radio {
	display: inline-block
}

.m-course-intro .sex .label {
	color: #999;
	margin-right: 20px
}

.m-course-intro .sex .radio {
	color: #333
}

.m-course-intro .sex .item {
	margin-right: 8px;
	display: inline-block;
	line-height: 35px;
	width: 87px;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #fff;
	cursor: pointer
}

.m-course-intro .sex .item.selected {
	background-color: #fff2f2;
	border: 1px solid #ef3f3f;
	line-height: 35px;
	color: #ef3f3f;
	position: relative
}

.m-course-intro .sex .item.selected:before {
	content: "";
	width: 19px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("/static/img/icon-tick.jpg?0f63dbe20670c9d9");
	background-position: 0 0;
	background-repeat: no-repeat
}

.o-course-plan {
	font-family: "Microsoft YaHei"
}

.o-course-plan .course-section {
	margin-bottom: 10px;
	border: 1px solid #e9e9e9;
	background-color: #FFF
}

.o-course-plan .course-section.fold .course-section-hd {
	border-bottom: 0
}

.o-course-plan .course-section.fold .course-section-bd {
	display: none
}

.o-course-plan .course-section-hd {
	position: relative;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 20px;
	*zoom: 1;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: 500ms padding ease;
	transition: 500ms padding ease
}

.o-course-plan .course-section-hd:before,.o-course-plan .course-section-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-plan .course-section-hd:after {
	clear: both
}

.o-course-plan .course-section-hd .handler {
	position: absolute;
	top: 0;
	font-size: 12px;
	right: -100px;
	padding-right: 14px;
	cursor: pointer;
	color: #167ac6;
	-webkit-transition: 500ms all ease;
	transition: 500ms all ease
}

.o-course-plan .course-section-hd .handler i {
	position: absolute;
	top: 50%;
	right: 0;
	width: 9px;
	height: 5px;
	margin-top: -2px;
	background-repeat: no-repeat
}

.o-course-plan .course-section-hd .handler.cur i {
	margin-top: -2px;
	background-repeat: no-repeat
}

.o-course-plan .course-section-hd .train-name {
	float: left;
	font-size: 14px
}

.o-course-plan .course-section-hd .course-play {
	width: 22px;
	height: 22px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background-repeat: no-repeat
}

.o-course-plan .course-section-hd .course-play:hover {
	background-repeat: no-repeat
}

.o-course-plan .course-section-hd .meta {
	float: right;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	font-size: 12px;
	color: #999
}

.o-course-plan .course-section-hd .meta span {
	margin-left: 15px
}

.o-course-plan .course-section-bd {
	position: relative
}

.o-course-plan .course-section-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/static/img/blank.png?850021a4085e81f1");
	background-position: 0 0;
	background-repeat: repeat;
	display: none
}

.o-course-plan .course-section-hd {
	padding-right: 0
}

.o-course-plan .course-section-hd:hover {
	padding-right: 53px
}

.o-course-plan .course-section-hd:hover .handler {
	right: 0
}

.o-course-guide {
	position: relative
}

.o-course-guide-hd {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	padding: 0 27px
}

.o-course-guide-bd {
	overflow: hidden;
	padding: 12px 20px 12px 20px
}

.o-course-control .prev {
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 45px;
	margin: -24px 1px 1px 1px;
	-webkit-transition: 100ms all ease;
	transition: 100ms all ease
}

.o-course-control .prev:hover {
	left: -25px;
	width: 45px;
	margin: -24px 0 0 0;
	border: 1px solid #ededed;
	background-color: #f9f9f9
}

.o-course-control .prev:hover i {
	background-repeat: no-repeat
}

.o-course-control .prev i {
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -4px;
	background-repeat: no-repeat
}

.o-course-control .next {
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 45px;
	margin: -24px 1px 1px 1px;
	-webkit-transition: 100ms all ease;
	transition: 100ms all ease
}

.o-course-control .next:hover {
	right: -25px;
	width: 45px;
	margin: -24px 0 0 0;
	border: 1px solid #ededed;
	background-color: #f9f9f9
}

.o-course-control .next:hover i {
	background-repeat: no-repeat
}

.o-course-control .next i {
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -4px;
	background-repeat: no-repeat
}

.o-course-action {
	overflow: hidden
}

.o-course-action ul {
	*zoom: 1;
	width: 30000px;
	position: relative;
	left: 0
}

.o-course-action ul:before,.o-course-action ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-action ul:after {
	clear: both
}

.o-course-action li {
	float: left;
	background-color: #fff
}

.o-course-action .action {
	position: relative;
	width: 230px;
	overflow: hidden
}

.o-course-action .action .preview {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0
}

.o-course-action .action .avatar {
	display: block;
	width: 230px;
	height: 130px;
	position: relative
}

.o-course-action .action .avatar .time {
	position: absolute;
	top: 10px;
	right: 8px;
	font-size: 12px;
	color: #fff;
	z-index: 10
}

.o-course-action .action .avatar .change-tag {
	position: absolute;
	top: 10px;
	left: 9px;
	z-index: 10;
	font-size: 12px;
	color: #fff;
	padding-left: 11px
}

.o-course-action .action .avatar .change-tag i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #f22923;
	margin-top: -2px
}

.o-course-action .action .avatar.hover img {
	opacity: 0;
	filter: alpha(opacity=0)
}

.o-course-action .action .avatar.hover .preview {
	opacity: 1;
	filter: alpha(opacity=100)
}

.o-course-action .action .avatar img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100)
}

.o-course-action .action .avatar video {
	width: 100%;
	height: 100%
}

.o-course-action .action .avatar i {
	background-image: url("/static/img/bg-mask.png?1623e9427210cde5");
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.o-course-action .action.current .status {
	display: block
}

.o-course-action .action .status {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	display: none;
	background-repeat: no-repeat
}

.o-course-action .action .info {
	color: #fff;
	padding-top: 9px;
	font-size: 14px;
	color: #999;
	*zoom: 1;
	line-height: 23px
}

.o-course-action .action .info:before,.o-course-action .action .info:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-action .action .info:after {
	clear: both
}

.o-course-action .action .info .name {
	float: left;
	width: 150px;
	line-height: 24px;
	height: 24px;
	overflow: hiiden;
	color: #666
}

.o-course-action .action .info .time {
	font-size: 12px
}

.o-course-action .action .info .guide {
	font-size: 12px
}

.o-course-action .video-action {
	float: right;
	border: 1px solid #e1e1e1;
	border-radius: 3px
}

.o-course-action .video-action a {
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #999;
	width: 20px;
	padding: 0 10px;
	cursor: pointer;
	position: relative;
	-webkit-transition: 500ms opacity ease;
	transition: 500ms opacity ease
}

.o-course-action .video-action a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-course-action .video-action .change {
	border-radius: 3px 0 0 3px;
	width: 35px
}

.o-course-action .video-action .change i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 12px;
	margin: -6px 0 0 -8px;
	background-repeat: no-repeat
}

.o-course-action .video-action .change:hover {
	background-color: #ee2f30;
	color: #fff;
	border-color: #ee2f30
}

.o-course-action .video-action .change:hover i {
	background-repeat: no-repeat
}

.o-course-action .video-action .change.selected {
	background-color: #ee2f30;
	color: #fff;
	border-color: #ee2f30
}

.o-course-action .video-action .change.selected i {
	background-repeat: no-repeat
}

.o-course-action .video-action .change+.guide {
	border-left: 1px solid #e1e1e1
}

.o-course-action .video-action .guide {
	width: 36px
}

.o-course-action .video-action .guide:hover i {
	background-repeat: no-repeat
}

.o-course-action .video-action .guide i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 10px;
	margin: -5px 0 0 -8px;
	background-repeat: no-repeat
}

.o-course-action .video-action .selected {
	background-color: #ee2f30;
	color: #fff;
	border-color: #ee2f30
}

.o-course-action .rest {
	width: 61px;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	color: #666;
	line-height: 1.3em;
	padding: 45px 18px 0 18px;
	background-color: transparent
}

.o-course-action .rest i {
	display: block;
	margin: 0 auto;
	width: 26px;
	height: 26px;
	margin-bottom: 10px;
	background-repeat: no-repeat
}

.o-course-plan-hd {
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-course-plan-hd h3 {
	height: 74px;
	line-height: 74px;
	font-size: 24px;
	color: #333
}

.o-course-foodplan {
	padding-bottom: 30px
}

.o-course-foodplan .food-plan {
	background-color: #fff;
	margin-bottom: 15px
}

.o-course-foodplan .food-plan-hd {
	height: 66px;
	line-height: 66px;
	color: #333;
	font-size: 20px;
	padding: 0 15px;
	border-bottom: 1px solid #e6e6e6;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-course-foodplan .food-list {
	*zoom: 1
}

.o-course-foodplan .food-list:before,.o-course-foodplan .food-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-foodplan .food-list:after {
	clear: both
}

.o-course-foodplan .food-list h3 {
	line-height: 1.1em;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-course-foodplan .food-list li {
	width: 33%;
	float: left;
	font-size: 12px;
	box-sizing: border-box;
	margin: 2% 0;
	padding: 0 1%;
	border-right: 1px solid #ebebeb
}

.o-course-foodplan .food-list li:last-child {
	border-right: 0
}

.o-course-foodplan .food-list .avatar {
	float: left;
	width: 35%;
	overflow: hidden;
	margin-right: 2%
}

.o-course-foodplan .food-list .avatar img {
	width: 100%
}

.o-course-foodplan .food-list .cont {
	overflow: hidden
}

.o-course-foodplan .food-list .item {
	*zoom: 1;
	line-height: 1.5em;
	margin-bottom: 8px;
	color: #666
}

.o-course-foodplan .food-list .item:before,.o-course-foodplan .food-list .item:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course-foodplan .food-list .item:after {
	clear: both
}

.o-course-foodplan .food-list .name {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	float: left;
	width: 4.5em;
	margin-right: 2%;
	text-align: right
}

.o-course-foodplan .food-list .data {
	overflow: hidden;
	display: block
}

.o-course-foodplan .food-list .data .caro {
	color: #ef5b13
}

.o-course-foodplan-hd {
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-course-foodplan-hd h3 {
	height: 74px;
	line-height: 74px;
	font-size: 24px;
	color: #333
}

.o-course-today h3 {
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #333;
	float: left
}

.o-course-today .today-tag {
	float: left;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	background-color: #f1f1f1;
	color: #999;
	font-size: 14px;
	padding: 0 5px;
	margin-top: 8px
}

.o-course-today .course-section-hd {
	overflow: hidden;
	padding-right: 0
}

.o-course-today .course-section-hd .left {
	float: left;
	margin-left: 10px
}

.o-course-today .course-section-hd .meta {
	float: right
}

.o-course-today .course-section-hd .meta select {
	margin-left: 15px
}

.o-course-today .course-status {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.o-course-today .course-status .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #282831;
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-course-today .course-status .cont {
	padding-left: 150px;
	position: relative;
	z-index: 5;
	font-size: 24px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	display: inline-block;
	color: #fff;
	margin-top: 100px
}

.o-course-today .course-status .cont i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 131px;
	height: 143px;
	margin-top: -72px;
	background-image: url("/static/img/icon-cup.png?fede8562a9850a58");
	background-position: 0 0;
	background-repeat: no-repeat
}

.o-course-today .course-status .handler {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("/static/img/icon-cup-mask.png?d9a2ef54d89de36d");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 45px;
	height: 47px;
	font-size: 14px;
	color: #96969f;
	line-height: 47px;
	z-index: 10;
	text-align: left;
	text-indent: 13px;
	cursor: pointer
}

.o-course-today .course-status .handler:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-course-today .course-status-done {
	width: 45px!important;
	height: 47px!important
}

.o-course-today .course-status-done .handler {
	text-indent: -500%!important;
	overflow: hidden
}

.o-course-today .course-status-done .handler i {
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url("/static/img/icon-cup1.png?cb2d79fd794f8271");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 27px;
	height: 29px;
	margin: -17px 0 0 -10px
}

.o-course-today .course-status-done .cont,.o-course-today .course-status-done .mask {
	display: none!important
}

.o-changeAction-pop {
	position: relative;
	width: 560px;
	height: 422px;
	background-color: #fff
}

.o-changeAction-pop .hide {
	display: none
}

.o-changeAction-pop .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 38px;
	text-indent: -500%;
	overflow: hidden;
	background-repeat: no-repeat
}

.o-changeAction-pop .close:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-changeAction-pop .action-tab-bd {
	padding-top: 32px;
	text-align: center;
	font-size: 12px;
	color: #666
}

.o-changeAction-pop .action-tab-bd .action-video {
	width: 300px;
	height: 170px;
	margin: 0 auto 10px
}

.o-changeAction-pop .change {
	background-color: #f22923;
	height: 42px;
	line-height: 42px;
	text-align: center;
	padding: 0 30px;
	color: #fff;
	font-size: 18px;
	box-sizing: content-box
}

.o-changeAction-pop .action-tab-ft {
	padding-top: 30px;
	text-align: center
}

.o-changeAction-pop-bd h3 {
	line-height: 1.1em;
	padding-top: 25px;
	font-size: 12px;
	color: #666;
	text-align: center;
	margin-bottom: 40px
}

.action-tab-trigger {
	text-align: center;
	border-bottom: 1px solid #f1f1f1
}

.action-tab-trigger a {
	display: inline-block;
	padding-bottom: 8px;
	line-height: 1.1em;
	font-size: 12px;
	color: #666;
	margin: 0 30px
}

.action-tab-trigger a.cur {
	border-bottom: 2px solid #fa4c48
}

.o-video-info {
	background: #fff;
	position: relative;
	top: -10px;
	font-family: "microsoft Yahei"
}

.o-video-info .info-hd {
	border-bottom: 1px solid #f1f1f1;
	margin-right: 16px;
	position: relative
}

.o-video-info .info-hd .video-title {
	font-size: 20px;
	color: #333;
	line-height: 52px;
	height: 52px;
	float: left;
	margin-left: 23px
}

.o-video-info .info-hd .m-share-list {
	float: left;
	font-size: 12px;
	line-height: 26px;
	margin-left: 15px;
	margin-top: 12px
}

.o-video-info .info-hd .choose-coach-wrap {
	display: inline-block;
	width: 100px;
	height: 24px;
	overflow: hidden;
	position: relative;
	left: 22px;
	top: 14px;
	background: #fff
}

.o-video-info .info-hd .choose-coach-wrap>em {
	display: inline-block;
	cursor: pointer;
	width: 50%;
	line-height: 24px;
	height: 24px;
	color: #999;
	font-size: 12px;
	font-family: "song";
	text-align: center;
	position: absolute;
	top: 0;
	border: 1px solid #e1e1e1
}

.o-video-info .info-hd .choose-coach-wrap>em.selected {
	background: #f12b24;
	border: 1px solid #f12b24;
	color: #fff
}

.o-video-info .info-hd .choose-coach-wrap>em.coach-man {
	left: 0;
	border-radius: 5px 0 0 5px
}

.o-video-info .info-hd .choose-coach-wrap>em.coach-woman {
	right: 0;
	border-radius: 0 5px 5px 0
}

.o-video-info .info-hd .join-num {
	position: absolute;
	right: 0;
	bottom: 19px;
	font-size: 14px;
	color: #999
}

.o-video-info .info-main {
	margin-top: 17px;
	padding-bottom: 24px
}

.o-video-info .info-main .info-main-section {
	display: inline-block;
	padding: 3px 20px;
	border-right: 1px solid #f2f2f2
}

.o-video-info .info-main .info-main-section>p {
	color: #333;
	font-weight: bold;
	font-size: 12px
}

.o-video-info .info-main .info-main-section>p.p-mg-bottom {
	margin-bottom: 18px
}

.o-video-info .info-main .info-main-section>p>em {
	color: #666
}

.o-video-info .info-main .info-main-section>p a {
	color: #167ac6
}

.o-video-info .info-main .info-main-section>p a:hover {
	text-decoration: underline!important
}

.o-video-info .icon-sina {
	background-repeat: no-repeat
}

.o-video-info .icon-kongjian {
	background-repeat: no-repeat
}

.o-video-info .icon-wechat {
	background-repeat: no-repeat
}

.o-video-info .icon-qq {
	background-repeat: no-repeat
}

.o-video-info .icon-close2 {
	background: url("/static/img/player/icon-close2.png?__sprite2") no-repeat
}

.o-video-guide-pics {
	background: #fff;
	margin-bottom: 10px;
	padding-top: 19px;
	padding-bottom: 70px
}

.o-video-guide-pics .guide-pics-title {
	color: #333;
	font-family: "microsoft YaHei";
	font-size: 20px;
	font-weight: bold;
	text-align: center
}

.o-video-guide-pics .guide-pic-wrap {
	width: 936px;
	height: 447px;
	margin: 16px auto 0
}

.o-video-guide-pics .guide-pic-wrap .guide-pic-list {
	width: 8000px
}

.o-video-guide-pics .guide-pic-wrap .guidd-item {
	width: 840px;
	height: 447px
}

.o-video-guide-pics .guide-pic-wrap .ui-slide {
	width: 100%
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__inner {
	width: 840px;
	height: 447px;
	overflow: hidden;
	margin: 0 auto;
	position: relative
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__panel {
	width: 840px;
	height: 447px;
	text-align: center;
	line-height: 447px
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__panel img {
	display: inline;
	width: auto;
	height: auto;
	max-height: 100%
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev {
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	margin-top: -24px;
	left: 0;
	border: 1px solid transparent
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i {
	width: 13px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background-repeat: no-repeat
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev:hover {
	border: 1px solid #ededed;
	background: #f9f9f9
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__nav {
	display: block;
	text-align: center;
	height: 15px;
	margin-top: 10px
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__trigger {
	width: 8px;
	height: 8px;
	background: #9c9c9c;
	border-radius: 4px;
	margin: 0 5px;
	display: inline-block;
	cursor: pointer
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__trigger.is-active {
	background: #bb3b3b;
	cursor: default
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next {
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	margin-top: -24px;
	right: 0;
	border: 1px solid transparent
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next i {
	width: 13px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background-repeat: no-repeat
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next:hover {
	border: 1px solid #ededed;
	background: #f9f9f9
}

.o-video-guide-pics2 {
	width: 100%;
	background: #fff;
	padding: 26px 0 24px 0;
	font-family: "microsoft YaHei";
	margin-bottom: 10px
}

.o-video-guide-pics2 .guide-pics-title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px
}

.o-video-guide-pics2 .guide-pic-wrap {
	margin: 18px 16px 0 33px
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list {
	margin-right: -12px;
	width: 100%
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li {
	width: 32%;
	float: left;
	margin: 0 4px
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .img-wrap {
	position: relative
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	cursor: pointer
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask.hide {
	display: none
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	background-repeat: no-repeat
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li img {
	width: 100%;
	display: block;
	overflow: hidden;
	padding-right: 8px;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .guide-point-wrap {
	border-right: 1px solid #ebebeb
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .guide-point-wrap.no-border {
	border: 0
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li pre {
	font-size: 12px;
	color: #666;
	line-height: 18px;
	position: relative;
	margin: 16px 6px 0 0;
	text-align: justify;
	padding-right: 2px;
	word-break: break-word;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li pre em {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0
}

.guide-pic-Photoswipe {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden
}

.guide-pic-Photoswipe span {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 960px;
	line-height: 960px;
	margin-top: -480px
}

.guide-pic-Photoswipe img {
	max-width: 100%!important;
	vertical-align: middle
}

.o-video-next-pics {
	width: 100%;
	background: #fff;
	padding: 26px 0 24px 0;
	font-family: "microsoft YaHei"
}

.o-video-next-pics .next-pics-title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px
}

.o-video-next-pics .next-pics-wrap {
	margin: 20px 22px 0 22px
}

.o-video-next-pics .next-pics-wrap>ul {
	width: 1000px;
	height: 183px;
	overflow: hidden;
	padding: 3px
}

.o-video-next-pics .next-pics-wrap>ul>li {
	width: 220px;
	float: left;
	margin-right: 25px
}

.o-video-next-pics .next-pics-wrap>ul>li>a {
	display: block;
	padding: 6px;
	-webkit-transition: all .4s;
	transition: all .4s
}

.o-video-next-pics .next-pics-wrap>ul>li>a .next-pic-name {
	font-size: 14px;
	margin-top: 12px
}

.o-video-next-pics .next-pics-wrap>ul>li>a>img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-video-next-pics .next-pics-wrap>ul>li>a .next-pic-keywords {
	margin-top: 6px
}

.o-video-next-pics .next-pics-wrap>ul>li>a .next-pic-keywords>em {
	font-size: 12px;
	color: #999;
	margin-right: 6px
}

.o-video-next-pics .next-pics-wrap>ul>li>a:hover {
	border-size: content-box;
	-ms-box-shadow: 0 0 8px #bbb;
	-o-box-shadow: 0 0 8px #bbb;
	box-shadow: 0 0 8px #bbb
}

.menu-search {
	padding: 20px 0
}

.aside-search {
	position: relative;
	width: 240px;
	margin: 0 auto
}

.aside-search input {
	height: 30px;
	width: 240px;
	line-height: 30px;
	border: 1px solid #29282a;
	border-radius: 5px;
	padding: 0 13px;
	font-size: 14px;
	color: #666;
	background-color: #29282a
}

.aside-search input:focus {
	outline: 0
}

.aside-search .aside-icon-search {
	position: absolute;
	width: 45px;
	height: 30px;
	line-height: 30px;
	background: #252326;
	top: 0;
	right: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer
}

.aside-search .aside-icon-search:hover {
	background: #383639
}

.aside-search .aside-icon-search:after {
	content: " ";
	width: 18px;
	height: 18px;
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.menu-search-hide {
	display: none
}

.aside-search-tips {
	width: 240px
}

.aside-search-tips .ui-select {
	background-color: #29282a;
	border: 1px solid #29282a;
	border-top: 0;
	padding-top: 5px;
	margin-top: -1px
}

.aside-search-tips .ui-select-item {
	line-height: 35px;
	height: 35px;
	padding: 0 13px;
	font-size: 14px;
	color: #666;
	overflow: hidden
}

.aside-search-tips .ui-select-item:hover {
	background-color: #383639
}

.aside-search-tips .ui-select-item a {
	width: 100%;
	display: block
}

.aside-search-tips .ui-select-item-hover {
	background-color: #383639
}

.muscle-show {
	*zoom: 1;
	width: 100%;
	padding-bottom: 60px;
	display: none
}

.muscle-show:before,.muscle-show:after {
	content: "";
	display: table;
	line-height: 0
}

.muscle-show:after {
	clear: both
}

.muscle-show.fullpage .muscle-show1,.muscle-show.fullpage .muscle-show2 {
	float: left;
	margin: 0 50px 0 0
}

.muscle-show .title {
	color: #333;
	font-size: 30px;
	line-height: 80px;
	height: 80px
}

.muscle-show .muscle-show1,.muscle-show .muscle-show2 {
	width: 700px;
	position: relative;
	margin: 0 auto 20px
}

.muscle-show .muscle-show1 img,.muscle-show .muscle-show2 img {
	width: 100%;
	display: block;
	overflow: hidden
}

.muscle-show .muscle-show1 a,.muscle-show .muscle-show2 a {
	position: absolute;
	width: 80px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #bd4446;
	color: #fff
}

.muscle-show .muscle-show1 a:hover,.muscle-show .muscle-show2 a:hover {
	background: #bc2e2e;
	text-decoration: underline!important
}

.muscle-show .muscle-show1 .a1 {
	top: 89px;
	left: 84px
}

.muscle-show .muscle-show1 .a2 {
	top: 159px;
	left: 84px
}

.muscle-show .muscle-show1 .a3 {
	top: 225px;
	left: 84px
}

.muscle-show .muscle-show1 .a4 {
	top: 330px;
	left: 84px
}

.muscle-show .muscle-show1 .a5 {
	top: 455px;
	left: 84px
}

.muscle-show .muscle-show1 .a6 {
	top: 600px;
	left: 84px
}

.muscle-show .muscle-show1 .a7 {
	top: 105px;
	right: 65px
}

.muscle-show .muscle-show1 .a8 {
	top: 160px;
	right: 65px
}

.muscle-show .muscle-show1 .a9 {
	top: 215px;
	right: 65px
}

.muscle-show .muscle-show1 .a10 {
	top: 410px;
	right: 65px
}

.muscle-show .muscle-show1 .a11 {
	top: 512px;
	right: 65px
}

.muscle-show .muscle-show2 .a1 {
	top: 140px;
	left: 64px
}

.muscle-show .muscle-show2 .a2 {
	top: 220px;
	left: 64px
}

.muscle-show .muscle-show2 .a3 {
	top: 308px;
	left: 64px
}

.muscle-show .muscle-show2 .a4 {
	top: 435px;
	left: 64px
}

.muscle-show .muscle-show2 .a5 {
	top: 590px;
	left: 64px
}

.muscle-show .muscle-show2 .a6 {
	top: 167px;
	right: 82px
}

.muscle-show .muscle-show2 .a7 {
	top: 265px;
	right: 82px
}

.muscle-show .muscle-show2 .a8 {
	top: 340px;
	right: 82px
}

.muscle-show .muscle-show2 .a9 {
	top: 500px;
	right: 80px
}

.o-course .inner {
	width: 1200px;
	margin: 0 auto;
	*zoom: 1
}

.o-course .inner:before,.o-course .inner:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .inner:after {
	clear: both
}

.o-course .focuse-course {
	margin-top: 38px
}

.o-course .focuse-course a {
	float: left;
	width: 300px;
	height: 300px;
	position: relative
}

.o-course .focuse-course a * {
	cursor: pointer
}

.o-course .focuse-course a:hover .avatar:before {
	opacity: 0;
	filter: alpha(opacity=0)
}

.o-course .focuse-course a:hover .name {
	border-color: #f21010;
	background-color: #f21010;
	color: #fff;
	opacity: .72;
	filter: alpha(opacity=72)
}

.o-course .focuse-course a .avatar {
	display: block;
	cursor: pointer
}

.o-course .focuse-course a .avatar img {
	width: 100%;
	height: 100%
}

.o-course .focuse-course a .avatar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	cursor: pointer;
	-webkit-transition: opacity ease 200ms;
	transition: opacity ease 200ms;
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-course .focuse-course a .name {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 159px;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	text-align: center;
	border: 1px solid #aaa;
	margin-left: -81px;
	margin-top: -30px;
	-webkit-transition: all ease 200ms;
	transition: all ease 200ms
}

.o-course .promote-course {
	background-color: #e9e9e9;
	padding-bottom: 40px
}

.o-course .promote-course-hd h3 {
	font-size: 24px;
	color: #333;
	padding: 30px 0;
	font-weight: 700
}

.o-course .promote-course-bd ul {
	*zoom: 1
}

.o-course .promote-course-bd ul:before,.o-course .promote-course-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .promote-course-bd ul:after {
	clear: both
}

.o-course .promote-course-bd li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 239px;
	height: 239px;
	cursor: pointer;
	margin-right: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: width ease-in-out 200ms;
	transition: width ease-in-out 200ms
}

.o-course .promote-course-bd li .promote-link {
	display: block;
	width: 100%;
	height: 100%
}

.o-course .promote-course-bd li .promote-link .mark {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	-webkit-transition: opacity ease 200ms;
	transition: opacity ease 200ms
}

.o-course .promote-course-bd li.active {
	width: 479px
}

.o-course .promote-course-bd li.active h3 {
	display: block
}

.o-course .promote-course-bd li.active h4 {
	display: none
}

.o-course .promote-course-bd li.active .mark {
	opacity: 0;
	filter: alpha(opacity=0)
}

.o-course .promote-course-bd li.active p,.o-course .promote-course-bd li.active .promote-course-info {
	display: block
}

.o-course .promote-course-bd h4 {
	font-size: 24px;
	color: #fff;
	top: 30px;
	left: 25px;
	position: absolute
}

.o-course .promote-course-bd h3 {
	font-size: 24px;
	color: #fff;
	top: 30px;
	left: 25px;
	display: none;
	position: absolute
}

.o-course .promote-course-bd p {
	display: none;
	font-size: 14px;
	color: #bbbbbd;
	top: 110px;
	left: 25px;
	position: absolute;
	width: 280px;
	line-height: 28px;
	height: 84px;
	overflow: hidden
}

.o-course .promote-course-bd img {
	position: absolute;
	right: 0;
	top: 0;
	width: 479px;
	height: 100%;
	display: block;
	overflow: hidden
}

.o-course .promote-course-bd .promote-course-info {
	display: none;
	position: absolute;
	font-size: 14px;
	width: 280px;
	line-height: 16px;
	top: 80px;
	left: 25px;
	color: #bbbbbd
}

.o-course .promote-course-bd .promote-course-info em {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle
}

.o-course .promote-course-bd .promote-course-diff {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	width: 90px;
	height: 13px;
	background: url("/static/img/icon-hard-empty2.png?74fa5f686ab768a7") repeat-x;
	position: relative
}

.o-course .promote-course-bd .promote-course-diff i {
	position: absolute;
	left: 0;
	top: 0;
	height: 13px;
	background: url("/static/img/icon-hard-full2.png?0edc7c5b1181228b") repeat-x
}

.o-course .promote-course-bd .promote-course-diff.hard-1 i {
	width: 18px
}

.o-course .promote-course-bd .promote-course-diff.hard-2 i {
	width: 36px
}

.o-course .promote-course-bd .promote-course-diff.hard-3 i {
	width: 54px
}

.o-course .promote-course-bd .promote-course-diff.hard-4 i {
	width: 72px
}

.o-course .promote-course-bd .promote-course-diff.hard-5 i {
	width: 90px
}

.o-course .exercise-filter {
	line-height: 60px;
	font-size: 14px;
	position: relative
}

.o-course .exercise-filter label {
	color: #666;
	margin-right: 10px
}

.o-course .exercise-filter select {
	margin-right: 10px
}

.o-course .exercise-filter .filter-sort {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #333
}

.o-course .exercise-filter .filter-sort span {
	cursor: pointer
}

.o-course .exercise-filter .filter-sort span:active,.o-course .exercise-filter .filter-sort span:hover,.o-course .exercise-filter .filter-sort span.selected {
	color: #c83939
}

.o-course .exercise-filter .filter-sort i {
	color: #333;
	margin: 0 15px
}

.o-course .exercise-list-hd h3 {
	font-size: 24px;
	color: #333;
	padding: 25px 0 0;
	font-weight: 700
}

.o-course .exercise-list-bd {
	padding-bottom: 20px
}

.o-course .exercise-list-bd ul {
	*zoom: 1;
	position: relative;
	margin-right: -20px;
	max-height: 376px;
	overflow: hidden
}

.o-course .exercise-list-bd ul:before,.o-course .exercise-list-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .exercise-list-bd ul:after {
	clear: both
}

.o-course .exercise-list-bd ul.expand {
	max-height: none
}

.o-course .exercise-list-bd li {
	float: left;
	width: 388px;
	height: 170px;
	margin-right: 18px;
	margin-bottom: 18px;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.o-course .exercise-list-bd li a .mark {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	-webkit-transition: opacity ease 200ms;
	transition: opacity ease 200ms;
	z-index: 10
}

.o-course .exercise-list-bd li a:hover .mark {
	opacity: .1;
	filter: alpha(opacity=10)
}

.o-course .exercise-list-bd .pic-fake {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 400px;
	line-height: 400px;
	margin-top: -200px
}

.o-course .exercise-list-bd .pic-fake img {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	overflow: hidden
}

.o-course .exercise-list-bd .list-item {
	display: block
}

.o-course .exercise-list-bd h4 {
	font-size: 24px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.75);
	color: #fff;
	position: absolute;
	top: 24px;
	left: 22px;
	z-index: 11
}

.o-course .exercise-list-bd .cont {
	position: absolute;
	text-shadow: 0 2px 2px rgba(0,0,0,0.75);
	font-size: 14px;
	color: #fff;
	top: 60px;
	left: 22px;
	line-height: 26px;
	z-index: 11
}

.o-course .exercise-list-more {
	text-align: center;
	padding-top: 10px;
	display: none
}

.o-course .exercise-list-more .more-btn {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.o-course .exercise-list-more .more-btn.more i {
	background-repeat: no-repeat
}

.o-course .exercise-list-more span {
	color: #333;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	vertical-align: middle
}

.o-course .exercise-list-more i {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	margin-right: 15px;
	background-repeat: no-repeat
}

.o-course .single-list {
	background-color: #e9e9e9;
	padding-bottom: 25px
}

.o-course .single-sort-tab {
	float: right;
	*zoom: 1;
	padding-top: 30px;
	padding-right: 2px
}

.o-course .single-sort-tab:before,.o-course .single-sort-tab:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .single-sort-tab:after {
	clear: both
}

.o-course .single-sort-tab li {
	position: relative;
	float: left;
	padding: 0 40px;
	cursor: pointer;
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.o-course .single-sort-tab li:after {
	content: "/";
	position: absolute;
	right: -1px;
	top: 0;
	color: #999;
	font-size: 14px
}

.o-course .single-sort-tab li:hover {
	color: #c83939
}

.o-course .single-sort-tab li.active:before {
	position: absolute;
	content: "";
	display: block;
	width: 55px;
	height: 6px;
	bottom: -10px;
	left: 50%;
	margin-left: -27.5px;
	background-repeat: no-repeat
}

.o-course .single-list-hd {
	*zoom: 1
}

.o-course .single-list-hd:before,.o-course .single-list-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .single-list-hd:after {
	clear: both
}

.o-course .single-list-hd h3 {
	font-size: 24px;
	color: #333;
	padding: 30px 0;
	font-weight: 700;
	float: left
}

.o-course .single-list-bd ul {
	*zoom: 1;
	margin-right: -18px
}

.o-course .single-list-bd ul:before,.o-course .single-list-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .single-list-bd ul:after {
	clear: both
}

.o-course .single-list-bd li {
	float: left;
	width: 288px;
	height: 116px;
	margin-right: 16px;
	margin-bottom: 16px;
	background-color: #f2f2f2;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease
}

.o-course .single-list-bd li:hover {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
	box-shadow: 0 0 8px #bdbcbc
}

.o-course .single-list-bd a {
	display: block;
	width: 100%;
	height: 100%;
	*zoom: 1
}

.o-course .single-list-bd a:before,.o-course .single-list-bd a:after {
	content: "";
	display: table;
	line-height: 0
}

.o-course .single-list-bd a:after {
	clear: both
}

.o-course .single-list-bd .item-fl {
	float: left;
	width: 70px;
	height: 100%;
	background-color: #525067
}

.o-course .single-list-bd .item-fl span {
	margin-top: 32px;
	font-size: 24px;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center
}

.o-course .single-list-bd .item-fl em {
	margin-top: 15px;
	font-size: 14px;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center
}

.o-course .single-list-bd .item-fr {
	width: 198px;
	height: 86px;
	margin-left: 70px;
	padding: 15px 10px;
	overflow: hidden
}

.o-course .single-list-bd .item-fr strong {
	font-size: 18px;
	color: #333
}

.o-sitemap {
	width: 1110px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 0 45px;
	margin-bottom: 40px
}

.o-sitemap .section {
	*zoom: 1;
	border-bottom: 1px solid #f4f4f4;
	margin-top: 30px
}

.o-sitemap .section:before,.o-sitemap .section:after {
	content: "";
	display: table;
	line-height: 0
}

.o-sitemap .section:after {
	clear: both
}

.o-sitemap .section-hd {
	*zoom: 1
}

.o-sitemap .section-hd:before,.o-sitemap .section-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-sitemap .section-hd:after {
	clear: both
}

.o-sitemap .section-hd h3 {
	border-left: 2px solid #ca131c;
	padding-left: 16px;
	font-size: 22px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	color: #333;
	height: 24px;
	line-height: 24px
}

.o-sitemap .section-bd {
	color: #bababa;
	padding: 13px 0 29px
}

.o-sitemap .section-bd a {
	font-size: 14px;
	color: #666;
	margin: 0 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px 0 0 0
}

.o-sitemap .section-bd a:hover {
	color: #d01520
}

.o-sitemap-hd {
	border-bottom: 1px solid #f4f4f4;
	padding-top: 40px;
	*zoom: 1
}

.o-sitemap-hd:before,.o-sitemap-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-sitemap-hd:after {
	clear: both
}

.o-sitemap-hd h2 {
	font-size: 26px;
	color: #333;
	line-height: 1.1em;
	border-bottom: 2px solid #ca131c;
	position: relative;
	margin-bottom: -1px;
	float: left;
	padding: 0 28px 12px 3px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-other-wrap .link-hd {
	border-bottom: 1px solid #e9e9e9;
	*zoom: 1
}

.o-other-wrap .link-hd:before,.o-other-wrap .link-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-wrap .link-hd:after {
	clear: both
}

.o-other-wrap .link-hd h3 {
	color: #000;
	font-size: 20px;
	border-bottom: 2px solid #c9151e;
	line-height: 38px;
	float: left;
	padding-right: 10px;
	position: relative;
	bottom: -1px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-other-wrap .link-bd {
	margin-top: 15px
}

.o-other-wrap .link-bd p {
	line-height: 28px;
	font-size: 16px;
	color: #666
}

.o-other-wrap .link-group {
	margin-right: -30px;
	margin-bottom: 15px;
	*zoom: 1
}

.o-other-wrap .link-group:before,.o-other-wrap .link-group:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-wrap .link-group:after {
	clear: both
}

.o-other-wrap .link-group li {
	float: left;
	width: 197px;
	height: 55px;
	margin-right: 30px;
	margin-bottom: 10px
}

.o-other-wrap .link-group img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-other-wrap .link-contact {
	font-size: 16px;
	color: #666
}

.o-other-wrap .link-contact span {
	color: #999
}

.o-other-banner .banner-con {
	width: 100%;
	height: 335px;
	background: url(../img/other-banner-1.jpg) center no-repeat
}

.o-other-about {
	padding-top: 25px;
	min-height: 420px;
	*zoom: 1
}

.o-other-about:before,.o-other-about:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-about:after {
	clear: both
}

.about-col-fl {
	float: left;
	width: 445px
}

.about-col-fr {
	float: right;
	width: 430px
}

.o-other-link {
	min-height: 750px;
	background-color: #FFF;
	padding: 20px 50px
}

.o-other-link .linkcon-pic {
	margin: 12px 30px 12px 0;
	float: left;
	width: 140px;
	height: 60px;
	overflow: hidden
}

.o-other-link .linkcon-pic img {
	width: 100%;
	overflow: hidden;
	display: block
}

.o-other-link .linkcon-group {
	margin-right: -31px;
	*zoom: 1
}

.o-other-link .linkcon-group:before,.o-other-link .linkcon-group:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-link .linkcon-group:after {
	clear: both
}

.o-other-link .linkhref-group {
	margin-top: 25px;
	border-top: 1px solid #ededed;
	margin-right: -31px;
	padding-top: 15px;
	*zoom: 1
}

.o-other-link .linkhref-group:before,.o-other-link .linkhref-group:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-link .linkhref-group:after {
	clear: both
}

.o-other-link .linkhref-group li {
	float: left;
	width: 140px;
	margin-right: 30px;
	margin-bottom: 25px;
	color: #606060
}

.o-other-link .linkhref-group a:hover {
	color: #c9151e
}

.o-other-join {
	padding: 40px 0 0
}

.o-other-join .join-con {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 15px;
	margin-top: 20px
}

.o-other-join .join-con h4 {
	color: #000;
	font-size: 14px;
	margin-bottom: 10px
}

.o-other-join .join-con p {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.o-ucenter {
	background-color: #f2f2f2
}

.o-ucenter-inner {
	width: 1200px;
	margin: 0 auto
}

.o-ucenter-inner .mod-crumbs {
	margin: 14px 0;
	font-size: 12px
}

.o-ucenter-wrap {
	*zoom: 1;
	font-family: "Microsoft Yahei"
}

.o-ucenter-wrap:before,.o-ucenter-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap:after {
	clear: both
}

.o-ucenter-wrap .col-main {
	float: left;
	width: 800px;
	min-height: 600px;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(1,1,1,0.05);
	margin-bottom: 40px;
	padding-bottom: 40px
}

.o-ucenter-wrap .col-aside {
	float: right;
	width: 380px
}

.o-ucenter-wrap .main-hd .hd-1 {
	line-height: 80px;
	padding-left: 28px
}

.o-ucenter-wrap .main-hd .hd-2 {
	line-height: 80px;
	padding-left: 28px
}

.o-ucenter-wrap .main-hd .h-icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.o-ucenter-wrap .main-hd .h-tips {
	font-size: 14px;
	color: #666;
	margin-left: 30px;
	line-height: 28px;
	display: inline-block;
	vertical-align: middle
}

.o-ucenter-wrap .main-hd .h-btn1 {
	color: #fb625a;
	border: 1px solid #fb625a;
	padding: 0 15px;
	font-size: 14px;
	line-height: 28px;
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-ucenter-wrap .main-hd .h-btn1:hover {
	background: #fddbd9
}

.o-ucenter-wrap .main-hd .h-btn2 {
	font-size: 14px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.o-ucenter-wrap .main-hd .h-btn3 {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #9dbfed;
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease
}

.o-ucenter-wrap .main-hd .h-btn3:hover {
	color: #5f90d2
}

.o-ucenter-wrap .main-hd .h-title {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle
}

.o-ucenter-wrap .main-hd .h-title strong {
	font-weight: bold;
	display: block;
	text-align: right
}

.o-ucenter-wrap .main-hd .h-progress {
	height: 9px;
	width: 550px;
	background: #ebebeb;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	position: relative
}

.o-ucenter-wrap .main-hd .progress-con {
	position: absolute;
	left: 0;
	top: 0;
	height: 9px;
	background: url(/static/img/user/progress.png?479572c3e7240d7d) left center no-repeat
}

.o-ucenter-wrap .main-hd .center-type {
	*zoom: 1;
	border: 1px solid #eee;
	width: 189px;
	margin: 20px 0 0 20px;
	background: #fbfbfb
}

.o-ucenter-wrap .main-hd .center-type:before,.o-ucenter-wrap .main-hd .center-type:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .main-hd .center-type:after {
	clear: both
}

.o-ucenter-wrap .main-hd .center-type a {
	display: block;
	float: left;
	width: 50%;
	height: 40px;
	line-height: 40px;
	color: #333;
	text-align: center;
	font-size: 14px
}

.o-ucenter-wrap .main-hd .center-type a:hover {
	color: #999
}

.o-ucenter-wrap .main-hd .center-type a.active {
	color: #FFF;
	background: #ea4040
}

.o-ucenter-wrap .main-bd {
	margin: 0 25px
}

.o-ucenter-wrap .main-bd .today-list {
	padding-bottom: 20px;
	margin-right: -22px;
	*zoom: 1
}

.o-ucenter-wrap .main-bd .today-list:before,.o-ucenter-wrap .main-bd .today-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .main-bd .today-list:after {
	clear: both
}

.o-ucenter-wrap .main-bd .today-list li {
	float: left;
	width: 235px;
	height: 206px;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 0 6px 0 rgba(1,1,1,0.2);
	-webkit-transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease
}

.o-ucenter-wrap .main-bd .today-list li:hover {
	box-shadow: 0 0 7px 2px rgba(1,1,1,0.2)
}

.o-ucenter-wrap .main-bd .today-list li:hover .btn-train {
	top: 0
}

.o-ucenter-wrap .main-bd .list-hd {
	height: 152px;
	padding: 0 15px;
	position: relative
}

.o-ucenter-wrap .main-bd .list-hd h4 {
	font-size: 16px;
	color: #d8dbe7;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.o-ucenter-wrap .main-bd .list-hd p {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	height: 60px;
	position: relative;
	z-index: 2
}

.o-ucenter-wrap .main-bd .list-hd h5 {
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	position: relative;
	z-index: 2
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake {
	background: #000;
	position: absolute;
	width: 100%;
	height: 152px;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 300px;
	margin-top: -150px;
	line-height: 300px
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake img {
	display: inline-block;
	width: 100%;
	height: auto;
	overflow: hidden;
	vertical-align: middle
}

.o-ucenter-wrap .main-bd .list-hd .icon-level {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0;
	width: 90px;
	height: 14px;
	background: url("/static/img/icon-hard-empty2.png?74fa5f686ab768a7") repeat-x;
	position: relative
}

.o-ucenter-wrap .main-bd .list-hd .icon-level i {
	position: absolute;
	left: 0;
	top: 0;
	height: 14px;
	background: url("/static/img/icon-hard-full2.png?0edc7c5b1181228b") repeat-x
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-1 i {
	width: 18px
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-2 i {
	width: 36px
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-3 i {
	width: 54px
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-4 i {
	width: 72px
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-5 i {
	width: 90px
}

.o-ucenter-wrap .main-bd .list-hd .finish {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/static/img/user/mask-finish.png?b449e193465713ae) no-repeat
}

.o-ucenter-wrap .main-bd .list-bd {
	height: 4px;
	background: #ddd
}

.o-ucenter-wrap .main-bd .list-bd .progress-con {
	height: 100%;
	background: #67d58e
}

.o-ucenter-wrap .main-bd .list-ft {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #a8acba;
	text-align: center;
	position: relative;
	overflow: hidden
}

.o-ucenter-wrap .main-bd .list-ft .btn-train {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #ec5f5f;
	-webkit-transition: top 300ms ease;
	transition: top 300ms ease;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.o-ucenter-wrap .main-bd .list-ft span {
	margin: 0 5px
}

.o-ucenter-wrap .main-ft {
	margin: 0 25px
}

.o-ucenter-wrap .my-course {
	width: 328px;
	height: 227px;
	position: relative;
	background: #000
}

.o-ucenter-wrap .my-course .img-wrap {
	width: 100%;
	height: 100%;
	position: absolute
}

.o-ucenter-wrap .my-course .img-wrap img {
	width: 100%;
	display: block;
	overflow: hidden
}

.o-ucenter-wrap .my-course h2 {
	font-size: 18px;
	color: #fff;
	position: relative;
	padding: 14px 68px 20px 23px;
	line-height: 30px
}

.o-ucenter-wrap .my-course h2 span {
	margin-right: 8px
}

.o-ucenter-wrap .my-course .trans-list {
	height: 70px
}

.o-ucenter-wrap .my-course p {
	font-size: 14px;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	padding-left: 47px;
	position: relative;
	margin: 6px 0 0 20px
}

.o-ucenter-wrap .my-course p em {
	margin-left: 26px
}

.o-ucenter-wrap .my-course p:before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	background-repeat: no-repeat
}

.o-ucenter-wrap .my-course p.finished {
	color: #ef5561
}

.o-ucenter-wrap .my-course p.finished:before {
	background-repeat: no-repeat
}

.o-ucenter-wrap .my-course .btn-start {
	display: block;
	width: 194px;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	background: #ea4040;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	position: relative;
	margin: 0 auto
}

.o-ucenter-wrap .my-course .btn-start:hover {
	background: #f75e5e
}

.o-ucenter-wrap .my-course .btn-cal {
	display: block;
	position: absolute;
	top: 15px;
	right: 22px;
	width: 22px;
	height: 21px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .record-timeline {
	position: absolute;
	left: 27px;
	width: 2px;
	background: #e6e6e6;
	top: 0;
	height: 100%
}

.o-ucenter-wrap .record-list {
	padding: 0 10px 30px 20px;
	position: relative
}

.o-ucenter-wrap .record-list .record-group {
	padding-left: 26px;
	padding-bottom: 10px;
	position: relative
}

.o-ucenter-wrap .record-list .record-hd {
	margin-bottom: 18px
}

.o-ucenter-wrap .record-list .record-hd h3 {
	color: #999;
	font-size: 14px;
	line-height: 18px
}

.o-ucenter-wrap .record-list .record-hd em {
	margin-right: 20px
}

.o-ucenter-wrap .record-list .record-icon {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .record-list .record-item {
	padding: 10px 20px;
	background: #fff;
	margin-bottom: 8px
}

.o-ucenter-wrap .record-list .record-item.expand {
	height: 27px;
	overflow: hidden
}

.o-ucenter-wrap .record-list .record-item.expand .item-title i {
	background-repeat: no-repeat
}

.o-ucenter-wrap .record-list .item-title {
	*zoom: 1;
	margin-top: 5px;
	margin-bottom: 15px
}

.o-ucenter-wrap .record-list .item-title:before,.o-ucenter-wrap .record-list .item-title:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .record-list .item-title:after {
	clear: both
}

.o-ucenter-wrap .record-list .item-title h4 {
	font-size: 18px;
	color: #666;
	float: left
}

.o-ucenter-wrap .record-list .item-title p {
	font-size: 12px;
	color: #999;
	float: left;
	margin: 5px 0 0 25px
}

.o-ucenter-wrap .record-list .item-title p em {
	margin-right: 20px
}

.o-ucenter-wrap .record-list .item-title span {
	font-size: 12px;
	color: #999;
	float: right;
	line-height: 18px;
	cursor: pointer
}

.o-ucenter-wrap .record-list .item-title span i {
	width: 12px;
	height: 7px;
	margin-left: 6px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.o-ucenter-wrap .record-list .item-list {
	padding: 5px 10px;
	background: #f9f9f9;
	*zoom: 1
}

.o-ucenter-wrap .record-list .item-list:before,.o-ucenter-wrap .record-list .item-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .record-list .item-list:after {
	clear: both
}

.o-ucenter-wrap .record-list .item-list li {
	float: left;
	margin-right: 40px;
	line-height: 24px;
	font-size: 12px;
	color: #999
}

.o-ucenter-wrap .bd-empty {
	width: 580px;
	margin: 0 auto;
	padding-bottom: 100px
}

.o-ucenter-wrap .bd-empty .empty-hd {
	height: 100px;
	background: url(/static/img/user/title-2.png?a567cb8c1d48d50b) center no-repeat
}

.o-ucenter-wrap .bd-empty .empty-bd {
	*zoom: 1
}

.o-ucenter-wrap .bd-empty .empty-bd:before,.o-ucenter-wrap .bd-empty .empty-bd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .bd-empty .empty-bd:after {
	clear: both
}

.o-ucenter-wrap .bd-empty .empty-bd p {
	font-size: 14px;
	color: #949ba0;
	line-height: 26px
}

.o-ucenter-wrap .bd-empty .bd-con1 {
	float: left;
	width: 218px
}

.o-ucenter-wrap .bd-empty .bd-con1 span {
	cursor: pointer;
	color: #fff;
	background: #72d5b3;
	display: block;
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-ucenter-wrap .bd-empty .bd-con1 span:hover {
	background: #41b990
}

.o-ucenter-wrap .bd-empty .bd-con2 {
	width: 218px;
	display: block;
	margin: 0 auto
}

.o-ucenter-wrap .bd-empty .bd-con2 span {
	cursor: pointer;
	color: #fff;
	background: #ff8853;
	display: block;
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-ucenter-wrap .bd-empty .bd-con2 span:hover {
	background: #e46e39
}

.o-ucenter-wrap .ft-empty {
	height: 270px;
	background: url(/static/img/user/user-bg2.jpg?773c36153c49a7a5) center no-repeat
}

.o-ucenter-wrap .day-record-list>ul .day-record-group {
	background: #fff;
	position: relative;
	margin-bottom: 14px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .record-time {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 42px;
	border-bottom: 1px solid #f8f8f8;
	margin: 0 22px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .day-record-banner {
	position: absolute;
	top: 0;
	right: 22px;
	height: 42px;
	line-height: 42px;
	color: #999;
	font-size: 12px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .day-record-banner .total-consume {
	margin-left: 20px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .day-record-banner .total-time {
	margin-left: 20px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .trainning-list>li {
	line-height: 42px;
	position: relative;
	margin: 0 22px 0 32px;
	padding-left: 10px;
	border-bottom: 1px dashed #efefef
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .trainning-list>li .trainning-title {
	color: #999;
	font-size: 12px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .trainning-list>li .trainning-title .trainning_date {
	margin-left: 12px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .trainning-list>li .trainning-intro {
	position: absolute;
	top: 0;
	right: 0;
	color: #999;
	font-size: 12px
}

.o-ucenter-wrap .day-record-list>ul .day-record-group .trainning-list>li .trainning-intro>em {
	margin-left: 18px
}

.o-ucenter-wrap .data-show {
	background: #363757;
	margin-bottom: 15px;
	position: relative
}

.o-ucenter-wrap .data-show .data-method {
	*zoom: 1;
	border-bottom: 1px solid #48496c
}

.o-ucenter-wrap .data-show .data-method:before,.o-ucenter-wrap .data-show .data-method:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .data-show .data-method:after {
	clear: both
}

.o-ucenter-wrap .data-show .data-method>a {
	display: inline-block;
	width: 100px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	text-decoration: none;
	float: left;
	color: #999ac4;
	font-size: 16px;
	border-right: 1px solid #48496c
}

.o-ucenter-wrap .data-show .data-method>a:hover,.o-ucenter-wrap .data-show .data-method>a.current {
	background: rgba(118,120,178,0.2)
}

.o-ucenter-wrap .data-show .data-unit {
	position: absolute;
	top: 76px;
	left: 80px;
	color: #f73846;
	font-size: 14px;
	font-weight: bold;
	z-index: 2
}

.o-ucenter-wrap .data-show .btn-share-data {
	display: inline-block;
	background: #31314b;
	font-size: 12px;
	color: #8e8fb8;
	width: 72px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	top: 16px;
	right: 12px
}

.o-ucenter-wrap .data-show .data-datails {
	height: 400px;
	margin: 0 20px;
	padding: 18px 19px 0;
	box-sizing: border-box;
	background: #393a59;
	position: relative
}

.o-ucenter-wrap .data-show .data-datails .line {
	position: absolute;
	bottom: 160px;
	display: block;
	width: 1px;
	line-height: 31px;
	height: 31px;
	background: #b0b0bd
}

.o-ucenter-wrap .data-show .data-datails .line01 {
	left: 186px
}

.o-ucenter-wrap .data-show .data-datails .line02 {
	right: 185px
}

.o-ucenter-wrap .data-show .data-datails .total-days-title,.o-ucenter-wrap .data-show .data-datails .total-days,.o-ucenter-wrap .data-show .data-datails .other-data {
	color: #5d5e8d
}

.o-ucenter-wrap .data-show .data-datails .total-days-title {
	font-size: 12px
}

.o-ucenter-wrap .data-show .data-datails .total-days {
	font-size: 18px;
	text-align: center;
	margin-top: 100px
}

.o-ucenter-wrap .data-show .data-datails .total-days .num {
	font-size: 36px;
	margin-right: 9px;
	color: #797bb2
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-data-name {
	color: #797bb2;
	font-size: 14px
}

.o-ucenter-wrap .data-show .data-datails .other-data .num {
	font-size: 22px;
	margin-right: 12px;
	color: #797bb2
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours,.o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn,.o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency {
	position: absolute;
	bottom: 150px;
	text-align: center
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours>p,.o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn>p,.o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency>p {
	margin-bottom: 12px
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours {
	left: 58px;
	width: 128px
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn {
	width: 146px;
	left: 0;
	right: 0;
	margin: auto
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency {
	width: 134px;
	right: 51px
}

.o-ucenter-wrap .data-show .data-banner-wrap {
	position: absolute;
	top: 62px;
	text-align: center;
	width: 100%;
	z-index: 1
}

.o-ucenter-wrap .data-show .data-banner-wrap .data-banner {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	background: #2f3050;
	font-size: 12px;
	color: #999ac4;
	padding: 0 20px
}

.o-ucenter-wrap .data-show .data-banner-wrap .data-banner em {
	margin: 0 20px
}

.o-ucenter-wrap .data-show .tab-wrap {
	padding: 20px
}

.o-ucenter-wrap .data-show .tab-con,.o-ucenter-wrap .data-show .con-charts {
	width: 717px;
	height: 454px
}

.o-ucenter-wrap .data-show .btn-prev,.o-ucenter-wrap .data-show .btn-next {
	position: absolute;
	top: 262px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(66,66,66,0.8);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #2d2e4c
}

.o-ucenter-wrap .data-show .btn-prev.disable,.o-ucenter-wrap .data-show .btn-next.disable {
	display: none
}

.o-ucenter-wrap .data-show .btn-prev:before,.o-ucenter-wrap .data-show .btn-next:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: inline-block;
	width: 11px;
	height: 19px
}

.o-ucenter-wrap .data-show .btn-prev {
	left: 0
}

.o-ucenter-wrap .data-show .btn-prev:before {
	background-repeat: no-repeat
}

.o-ucenter-wrap .data-show .btn-next {
	right: 0
}

.o-ucenter-wrap .data-show .btn-next:before {
	background-repeat: no-repeat
}

.o-ucenter-wrap .bb-trained-list li {
	color: #666;
	font-size: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-right: 80px
}

.o-ucenter-wrap .bb-trained-list li a {
	display: block;
	padding-bottom: 18px
}

.o-ucenter-wrap .bb-trained-list li a:hover {
	opacity: .8
}

.o-ucenter-wrap .bb-trained-list li .img-wrap {
	width: 220px;
	height: 124px;
	overflow: hidden;
	float: left;
	display: inline-block
}

.o-ucenter-wrap .bb-trained-list li .img-wrap img {
	width: 100%;
	overflow: hidden
}

.o-ucenter-wrap .bb-trained-list li h2 {
	font-size: 14px;
	height: 16px;
	font-weight: bold;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666;
	margin-left: 239px
}

.o-ucenter-wrap .bb-trained-list li .intro {
	font-size: 12px;
	color: #999;
	line-height: 19px;
	margin: 13px 0 0 239px;
	height: 38px;
	overflow: hidden
}

.o-ucenter-wrap .bb-trained-list li .row {
	margin: 12px 0 0 239px
}

.o-ucenter-wrap .bb-trained-list li .row .col1 {
	display: inline-block;
	width: 116px
}

.o-ucenter-wrap .bb-trained-list li span {
	color: #666
}

.o-ucenter-wrap .bb-trained-list li em {
	color: #333
}

.o-ucenter-wrap .bb-trained-list li .row2 {
	font-size: 14px;
	color: #666
}

.o-ucenter-wrap .bb-trained-list li .row2 .icon-wrap {
	display: inline-block;
	height: 14px;
	position: relative;
	top: 2px
}

.o-ucenter-wrap .bb-trained-list li .row2 .icon-wrap .inner {
	display: inline-block;
	height: 14px
}

.o-ucenter-wrap .bb-trained-list li .row2 .water {
	width: 82px;
	background-repeat: repeat-x
}

.o-ucenter-wrap .bb-trained-list li .row2 .water .inner {
	background-repeat: repeat-x
}

.o-ucenter-wrap .bb-trained-list li .row2 .star {
	width: 85px;
	background-repeat: repeat-x
}

.o-ucenter-wrap .bb-trained-list li .row2 .star .inner {
	background-repeat: repeat-x
}

.o-ucenter-wrap .bb-trained-list li .btn-del {
	display: block;
	width: 54px;
	line-height: 26px;
	height: 26px;
	text-align: center;
	font-size: 14px;
	color: #939393;
	background: #e9e9e9;
	position: absolute;
	bottom: 18px;
	right: 20px
}

.o-ucenter-wrap .clndr-box {
	*zoom: 1
}

.o-ucenter-wrap .clndr-box:before,.o-ucenter-wrap .clndr-box:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .clndr-box:after {
	clear: both
}

.o-ucenter-wrap .clndr-box .box-fl {
	float: left;
	border: 1px solid #eee;
	border-right: 0;
	padding: 30px;
	width: 520px;
	height: 500px
}

.o-ucenter-wrap .clndr-box .box-fr {
	float: left;
	width: 230px;
	height: 500px;
	background: #f7f7f7
}

.o-ucenter-wrap .clndr-box .fr-detail {
	height: 50%;
	margin: 0 12px;
	position: relative
}

.o-ucenter-wrap .clndr-box .fr-detail:first-child:after {
	position: absolute;
	content: " ";
	width: 100%;
	left: 0;
	bottom: 1px;
	height: 1px;
	background: #e3e3e3
}

.o-ucenter-wrap .clndr-box .fr-detail:last-child:after {
	display: none
}

.o-ucenter-wrap .clndr-box .fr-detail .hide {
	display: none!important
}

.o-ucenter-wrap .clndr-box .fr-detail h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 60px
}

.o-ucenter-wrap .clndr-box .fr-detail h4 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px
}

.o-ucenter-wrap .clndr-box .fr-detail p {
	color: #666;
	font-size: 14px;
	text-align: left;
	line-height: 30px
}

.o-ucenter-wrap .clndr-box .fr-detail a {
	color: #4b88ee;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 30px
}

.o-ucenter-wrap .clndr-box .fr-detail a:hover {
	color: #fb6362
}

.o-ucenter-wrap .clndr-box .fr-detail .empty {
	text-align: center;
	line-height: 60px
}

.o-ucenter-wrap .main-title {
	line-height: 60px;
	font-size: 24px;
	color: #999;
	*zoom: 1
}

.o-ucenter-wrap .main-title:before,.o-ucenter-wrap .main-title:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .main-title:after {
	clear: both
}

.o-ucenter-wrap .main-title h3 {
	float: left
}

.o-ucenter-wrap .main-title .more-tag {
	float: right;
	font-size: 12px;
	padding: 0 10px;
	margin-top: 17px;
	color: #999;
	line-height: 22px;
	border: 1px solid #cecece;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-ucenter-wrap .main-title .more-tag:hover {
	background: #ddd
}

.o-ucenter-wrap .aside-hd {
	background: url(/static/img/temp/ucenter-bg.jpg?a738b23889b3c79b) no-repeat;
	height: 160px
}

.o-ucenter-wrap .aside-hd .avatar {
	width: 110px;
	height: 110px;
	float: left;
	margin: 23px 12px 0 20px;
	border: 2px solid #fff;
	border-radius: 50%;
	overflow: hidden
}

.o-ucenter-wrap .aside-hd .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.o-ucenter-wrap .aside-hd .cont {
	overflow: hidden
}

.o-ucenter-wrap .aside-hd .name {
	font-size: 24px;
	color: #fff;
	display: block;
	margin: 32px 0 10px 0
}

.o-ucenter-wrap .aside-hd .sex {
	*zoom: 1
}

.o-ucenter-wrap .aside-hd .sex:before,.o-ucenter-wrap .aside-hd .sex:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-hd .sex:after {
	clear: both
}

.o-ucenter-wrap .aside-hd .sex .icon {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 5px
}

.o-ucenter-wrap .aside-hd .sex .icon img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-ucenter-wrap .aside-hd .sex .male {
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-hd .sex .female {
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-hd .btn-edit {
	display: inline-block;
	width: 86px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding-left: 30px;
	position: relative;
	margin: 17px 0 0 134px
}

.o-ucenter-wrap .aside-hd .btn-edit:before {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	left: 9px;
	top: 7px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-bd {
	position: relative;
	padding: 0 15px
}

.o-ucenter-wrap .aside-bd .section-box-hd h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 17px
}

.o-ucenter-wrap .aside-bd .section-box-hd h3 {
	font-size: 16px;
	color: #999;
	padding: 0 0 17px 16px;
	margin-top: 24px;
	position: relative
}

.o-ucenter-wrap .aside-bd .section-box-hd h3:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 4px;
	height: 4px;
	display: block;
	top: 6px;
	background: #f26b6b
}

.o-ucenter-wrap .aside-bd .training-data ul {
	*zoom: 1;
	padding-bottom: 16px;
	padding-top: 10px
}

.o-ucenter-wrap .aside-bd .training-data ul:before,.o-ucenter-wrap .aside-bd .training-data ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-bd .training-data ul:after {
	clear: both
}

.o-ucenter-wrap .aside-bd .training-data li {
	color: #cecece;
	font-size: 14px;
	width: 33%;
	float: left;
	text-align: center
}

.o-ucenter-wrap .aside-bd .training-data li span {
	color: #666;
	display: block;
	margin-bottom: 17px
}

.o-ucenter-wrap .aside-bd .training-data li span em {
	font-size: 24px
}

.o-ucenter-wrap .aside-bd .training-data p {
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 80px;
	border-bottom: 1px solid #e8e8e8
}

.o-ucenter-wrap .aside-bd .training-data p em {
	font-size: 24px;
	color: #ff5353
}

.o-ucenter-wrap .aside-bd .action-bar {
	position: absolute;
	top: 14px;
	right: 15px
}

.o-ucenter-wrap .aside-bd .action-bar .cal {
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-right: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-bd .action-bar .share {
	display: inline-block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-bd .achievement-list ul {
	*zoom: 1;
	position: relative;
	width: 120%;
	padding-bottom: 12px
}

.o-ucenter-wrap .aside-bd .achievement-list ul:before,.o-ucenter-wrap .aside-bd .achievement-list ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-bd .achievement-list ul:after {
	clear: both
}

.o-ucenter-wrap .aside-bd .achievement-list ul.list-hidden {
	overflow: hidden
}

.o-ucenter-wrap .aside-bd .achievement-list .list-empty {
	font-size: 18px;
	padding-bottom: 20px;
	color: #666;
	text-align: center
}

.o-ucenter-wrap .aside-bd .achievement-list li {
	float: left;
	width: 88px;
	height: 109px;
	color: #999;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0
}

.o-ucenter-wrap .aside-bd .achievement-list li img {
	display: block;
	width: 78px;
	margin: 0 auto 5px
}

.o-ucenter-wrap .aside-bd .achievement-list .all-badges {
	display: none
}

.o-ucenter-wrap .aside-ft {
	position: relative;
	height: 20px
}

.o-ucenter-wrap .aside-ft .btn-show-more {
	cursor: pointer;
	position: relative;
	height: 100%
}

.o-ucenter-wrap .aside-ft .btn-show-more i {
	display: inline-block;
	width: 11px;
	height: 6px;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-ft .btn-show-less i {
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-section1 {
	margin-bottom: 10px;
	background-color: white;
	box-shadow: 0 0 10px 0 rgba(1,1,1,0.05)
}

.o-ucenter-wrap .aside-section2 {
	margin-bottom: 10px;
	background-color: white;
	box-shadow: 0 0 10px 0 rgba(1,1,1,0.05)
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd {
	padding: 14px 0;
	border-bottom: 1px solid #eee;
	margin: 0 30px;
	position: relative;
	*zoom: 1
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:before,.o-ucenter-wrap .aside-section2 .sec-box .box-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:before {
	content: " ";
	position: absolute;
	left: -14px;
	width: 4px;
	height: 4px;
	display: block;
	top: 21px;
	background: #f26b6b
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd h4 {
	float: left;
	font-size: 16px;
	color: #333
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd {
	padding: 23px 0 23px 45px;
	*zoom: 1
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd:before,.o-ucenter-wrap .aside-section2 .sec-box .box-bd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd a {
	display: block;
	margin-left: 90px
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd a:hover h5,.o-ucenter-wrap .aside-section2 .sec-box .box-bd a:hover p {
	color: #f26b6b
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd i {
	width: 68px;
	height: 68px;
	float: left;
	background-repeat: no-repeat
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd h5 {
	margin-top: 5px;
	font-size: 18px;
	color: #666;
	margin-bottom: 13px
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd p {
	font-size: 12px;
	color: #999
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd {
	padding: 14px 0;
	border-bottom: 1px solid #eee;
	margin: 0 30px;
	*zoom: 1;
	position: relative
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:before,.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:before {
	content: " ";
	position: absolute;
	left: -14px;
	width: 4px;
	height: 4px;
	display: block;
	top: 21px;
	background: #f26b6b
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd h4 {
	float: left;
	font-size: 16px;
	color: #333;
	position: relative
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd a {
	float: right;
	font-size: 14px;
	color: #888
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd {
	padding-bottom: 24px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd p {
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 40px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul {
	*zoom: 1;
	padding: 0 10px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:before,.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li {
	float: left;
	width: 25%;
	position: relative;
	height: 54px;
	text-align: center;
	font-size: 12px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li:last-child:after {
	display: none
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li span {
	color: #333;
	display: block;
	margin-top: 6px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li em {
	color: #999;
	display: block;
	margin-top: 13px
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li:after {
	content: " ";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background: #eee
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd a {
	display: block;
	width: 323px;
	height: 42px;
	line-height: 42px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	background: #f35252;
	margin: 24px auto 0 auto
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd a:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-ucenter-wrap .aside-section2 .sex-box2 {
	background: #f9f9f9;
	display: none
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-hd {
	text-align: center
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-hd h3 {
	font-size: 18px;
	color: #333;
	padding-bottom: 10px;
	padding-top: 15px;
	display: inline-block;
	border-bottom: 1px solid #e4e4e4
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-bd {
	padding-bottom: 15px
}

.o-ucenter-wrap .aside-section2 .sex-box2 .food-item {
	padding-top: 18px
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title1 {
	font-size: 14px;
	color: #6964ea;
	text-align: center;
	line-height: 58px;
	width: 58px;
	height: 58px;
	margin: 0 auto;
	border: 1px solid #e9e9f7;
	border-radius: 50%;
	background: #fff;
	font-weight: bold
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title2 {
	font-size: 14px;
	color: #6964ea;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 8px;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	position: relative
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title2:after {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 3px;
	background: #6964ea
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list {
	*zoom: 1;
	padding: 18px 30px 0
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list:before,.o-ucenter-wrap .aside-section2 .sex-box2 .item-list:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li {
	float: left;
	width: 33.3%;
	font-size: 12px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.5em;
	*zoom: 1
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:before,.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:after {
	content: "";
	display: table;
	line-height: 0
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:after {
	clear: both
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list i {
	width: 8px;
	height: 8px;
	margin-right: 10px;
	margin-top: 5px;
	float: left
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list span {
	margin-left: 18px;
	display: block
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type1 {
	background-color: #f32626;
	color: #f32626
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type2 {
	background-color: #f38726;
	color: #f38726
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type3 {
	background-color: #26b7f3;
	color: #26b7f3
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type4 {
	background-color: #24dc88;
	color: #24dc88
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type5 {
	background-color: #f3cf26;
	color: #f3cf26
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type6 {
	background-color: #7326f3;
	color: #7326f3
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type7 {
	background-color: #a35037;
	color: #a35037
}

.o-ucenter-wrap .aside-section3 .box-hd {
	padding: 14px;
	position: relative
}

.o-ucenter-wrap .aside-section3 .box-hd:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 4px;
	height: 4px;
	display: block;
	top: 21px;
	background: #f26b6b
}

.o-ucenter-wrap .aside-section3 .box-hd h4 {
	font-size: 16px;
	color: #333
}

.o-ucenter-wrap .aside-section3 .box-bd li {
	color: #999;
	font-size: 12px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee
}

.o-ucenter-wrap .aside-section3 .box-bd li a {
	display: block
}

.o-ucenter-wrap .aside-section3 .box-bd li a:hover {
	opacity: .8
}

.o-ucenter-wrap .aside-section3 .box-bd li .img-wrap {
	width: 128px;
	height: 70px;
	overflow: hidden;
	float: left;
	display: inline-block
}

.o-ucenter-wrap .aside-section3 .box-bd li .img-wrap img {
	width: 100%;
	overflow: hidden
}

.o-ucenter-wrap .aside-section3 .box-bd li h2 {
	font-size: 14px;
	height: 16px;
	font-weight: bold;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666;
	margin-left: 142px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row {
	margin: 12px 0 0 142px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row .col1 {
	display: inline-block;
	width: 116px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 {
	font-size: 14px;
	color: #666
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .icon-wrap {
	display: inline-block;
	height: 14px;
	position: relative;
	top: 2px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .icon-wrap .inner {
	display: inline-block;
	height: 14px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water {
	width: 82px;
	background-repeat: repeat-x
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner {
	background-repeat: repeat-x
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star {
	width: 85px;
	background-repeat: repeat-x
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner {
	background-repeat: repeat-x
}

.bb-clndr {
	max-width: 448px;
	margin: 0 auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.bb-clndr .clndr .clndr-controls {
	display: block;
	display: inline-block;
	width: 100%;
	margin-bottom: 3px;
	line-height: 40px;
	font-size: 20px
}

.bb-clndr .clndr .clndr-controls .clndr-previous-button {
	float: left;
	width: 10%;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.bb-clndr .clndr .clndr-controls .clndr-previous-button:hover {
	background-color: #f4f4f4
}

.bb-clndr .clndr .clndr-controls .month {
	float: left;
	width: 80%;
	text-align: center
}

.bb-clndr .clndr .clndr-controls .clndr-next-button {
	float: left;
	width: 10%;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.bb-clndr .clndr .clndr-controls .clndr-next-button:hover {
	background-color: #f4f4f4
}

.bb-clndr .clndr .clndr-grid {
	text-align: center;
	display: inline-block
}

.bb-clndr .clndr .clndr-grid .header-day {
	float: left;
	width: 64px;
	height: 40px;
	line-height: 40px;
	background: #e9e9e9;
	color: #666;
	font-size: 14px
}

.bb-clndr .clndr .clndr-grid .day {
	float: left;
	width: 52px;
	height: 52px;
	line-height: 52px;
	margin: 6px;
	text-align: center;
	font-size: 18px;
	color: #666;
	cursor: pointer;
	border-radius: 5px
}

.bb-clndr .clndr .clndr-grid .day:hover {
	background: #eaeaea
}

.bb-clndr .clndr .clndr-grid .day.event {
	background-color: #fff6ce
}

.bb-clndr .clndr .clndr-grid .day.event.adjacent-month {
	background-color: transparent
}

.bb-clndr .clndr .clndr-grid .day.today {
	background-color: #fb6362!important;
	color: #fff!important
}

.bb-clndr .clndr .clndr-grid .day.selected {
	color: #fb6362
}

.bb-clndr .clndr .clndr-grid .day.inactive {
	color: gray
}

.bb-clndr .clndr .clndr-grid .empty,.bb-clndr .clndr .clndr-grid .adjacent-month {
	float: left;
	width: 52px;
	height: 52px;
	line-height: 52px;
	margin: 6px;
	color: #c5c5c5;
	cursor: default
}

.bb-clndr .clndr .clndr-grid .empty:hover,.bb-clndr .clndr .clndr-grid .adjacent-month:hover {
	background: 0
}

.bb-clndr .clndr .clndr-grid .day.event0 {
	background-color: #fff6ce
}

.bb-clndr .clndr .clndr-grid .day.event1 {
	background-color: #cee6ff
}

.bb-clndr .clndr .clndr-grid .day.eventMix {
	background-color: #ceffe0
}

.bb-clndr .multi-month-controls .quarter-button {
	display: inline-block;
	width: 25%
}

.bb-clndr .multi-month-controls .quarter-button:hover {
	cursor: pointer;
	background-color: #f4f4f4
}

.bb-clndr .day.inactive {
	background-color: #aaa
}

.o-personal {
	background-color: #f2f2f2
}

.inner {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 1200px;
	margin: 0 auto;
	color: black;
}

.inner .icon img {
	width: 100%;
}

.o-personal-bd {
	background-color: #fbfbfb;
	position: relative;
	margin-top: 15px
}

.o-personal-bd .col-main {
	padding-left: 285px;
	/* min-height: 750px; */
	background-color: #fbfbfb
}

.o-personal-bd .col-aside {
	position: absolute;
	top: 0;
	left: 0;
	width: 285px;
	height: 100%;
	background-color: #fff
}

.o-personal-nav li {
	font-size: 16px;
	color: #333
}

.o-personal-nav li a {
	display: block;
	text-align: center;
	position: relative;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-personal-nav li a i {
	width: 4px;
	height: 58px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -29px;
	background-color: #e64c4c;
	display: none
}

.o-personal-nav li em {
	display: block;
	height: 62px;
	line-height: 62px;
	margin: 0 20px;
	border-bottom: 1px solid #efefef
}

.o-personal-nav li.cur a {
	cursor: default;
	color: #e54d4d
}

.o-personal-nav li.cur i {
	display: block
}

.u-head-update {
	display: inline-block
}

.u-head-update .preview {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 23px
}

.u-head-update .preview img {
	width: 100%;
	height: 100%
}

.u-head-update input {
	/* position: absolute;
	top: -3000px;
	left: 0 */
}

.u-head-update .update {
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	border: 1px solid #a9a9a9;
	color: #333
}

.u-head-update .update:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.u-button {
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	width: 120px;
	text-align: center;
	background-color: #e64c4c;
	display: inline-block;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	-webkit-transition: 500ms all ease;
	transition: 500ms all ease
}

.u-button:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-user-form .line {
	*zoom: 1;
	margin-bottom: 15px;
}

.o-user-form .line:before,.o-user-form .line:after {
	content: "";
	display: table;
	line-height: 0
}

.o-user-form .line:after {
	clear: both
}

.o-user-form .line .cont {
	line-height: 32px;
	overflow: hidden
}

.o-user-form .label {
	float: left;
	color: #999999;
	font-size: 14px;
	line-height: 32px;
	margin-right: 30px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-user-form .raido {
	margin-right: 12px
}

.o-user-form .raido input {
	margin-right: 8px;
	margin-bottom: 8px;
	vertical-align: middle
}

.o-user-form .standar-guide {
	height: 30px;
	line-height: 30px;
	border: 1px solid #ff8484;
	font-size: 14px;
	color: #ff8484;
	text-align: center;
	width: 72px;
	display: inline-block;
	margin-left: 20px
}

.o-user-form .select-item {
	display: inline-block;
	color: #999;
	margin-right: 8px
}

.o-user-form .select-item select {
	margin-right: 3px
}

.o-user-form .input-text {
	display: inline-block;
	line-height: 30px
}

.o-user-form .input-text em {
	color: #999;
	font-weight: bold;
	font-size: 14px;
	margin-left: 8px
}

.o-user-form .input-text input {
	height: 30px;
	line-height: 30px;
	border: 1px solid #d4d4d4;
	padding: 0 10px
}

.o-user-form .input-text input:focus {
	outline: 0
}

.o-user-form .form-note {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: red
}

.base-profile {
	padding: 25px 36px
}

.account-basic-wrapper .section {
	padding: 15px 0 18px;
	border-bottom: solid 1px #efefef;
	*zoom: 1
}

.account-basic-wrapper .section:before,.account-basic-wrapper .section:after {
	content: "";
	display: table;
	line-height: 0
}

.account-basic-wrapper .section:after {
	clear: both
}

.account-basic-wrapper .prop-info {
	float: left
}

.account-basic-wrapper .item {
	padding: 15px 0;
	border-bottom: solid 1px #efefef;
	*zoom: 1
}

.account-basic-wrapper .item:before,.account-basic-wrapper .item:after {
	content: "";
	display: table;
	line-height: 0
}

.account-basic-wrapper .item:after {
	clear: both
}

.account-basic-wrapper .item .icon {
	width: 63px;
	height: 63px
}

.account-basic-wrapper .item span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #999;
	font-size: 13px
}

.account-basic-wrapper .item.weixin .icon {
	background-repeat: no-repeat
}

.account-basic-wrapper .item.weibo .icon {
	background-repeat: no-repeat
}

.account-basic-wrapper .item.qq .icon {
	background-repeat: no-repeat
}

.account-basic-wrapper .item .status {
	width: 80px
}

.account-basic-wrapper .item .name {
	width: 210px
}

.account-basic-wrapper .desc {
	color: #555;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5em
}

.account-basic-wrapper .desc h4 {
	color: #333;
	font-weight: 600;
	margin: 10px 0;
	font-size: 17px
}

.account-basic-wrapper .desc span {
	color: #e54d4d;
	font-weight: 600;
	font-size: 17px
}

.account-basic-wrapper .action {
	margin-top: 15px;
	float: right
}

.account-basic-wrapper .btn-primary {
	background-color: #e54d4d;
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.42857143;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease
}

.account-basic-wrapper .btn-primary:hover {
	opacity: .85
}

.account-basic-wrapper .btn-primary.unbind,.account-basic-wrapper .btn-primary.change {
	background-color: #666
}

.user-wrap {
	background: #f1f1f1;
	padding: 100px 0
}

.o-regist {
	width: 1000px;
	height: 780px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	box-shadow: 0 0 10px 0 rgba(189,189,189,0.5)
}

.o-getPass {
	font-family: "Microsoft Yahei";
	width: 1000px;
	height: 540px;
	background: #fff;
	padding: 50px;
	margin: 70px auto;
	box-shadow: 0 0 10px 0 rgba(189,189,189,0.5)
}

.o-editPass {
	width: 1000px;
	height: 600px;
	background: #fff;
	padding: 50px;
	margin: 25px auto;
	box-shadow: 0 0 10px 0 rgba(189,189,189,0.5)
}

.o-bindUser .section-main .next-btn {
	display: block;
	width: 164px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #f12b24;
	-webkit-transition: all .2s;
	transition: all .2s
}

.o-bindUser .section-main .next-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-bindUser .section-main .form-info {
	position: relative
}

.o-bindUser .section-main .form-info>label {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	line-height: 50px
}

.o-bindUser .section-main .form-info .sex-wrap {
	display: inline-block;
	margin-left: 32px;
	height: 30px;
	vertical-align: middle;
	color: #666;
	font-size: 14px
}

.o-bindUser .section-main .form-info .sex-wrap>label {
	padding-right: 20px;
	display: inline-block;
	margin-left: 40px;
	height: 100%;
	line-height: 30px
}

.o-bindUser .section-main .form-info .sex-wrap>label:first-child {
	margin-left: 0
}

.o-bindUser .section-main .form-info .sex-wrap .sex {
	margin-right: 13px;
	position: relative;
	top: 2px
}

.o-bindUser .section-main .form-info .info-text {
	border: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	line-height: 18px;
	height: 18px;
	width: 80%;
	box-sizing: border-box;
	outline: 0;
	z-index: 4;
	background: transparent;
	margin: auto;
	color: #333;
	font-size: 14px
}

.o-bindUser .section-main .form-info .info-text.info-v-pic {
	width: 60%
}

.o-bindUser .section-main .form-info .info-text:-webkit-autofill {
	box-shadow: 0 0 0 10em #f5f5f5 inset
}

.o-bindUser .section-main .form-info .info-text+div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	z-index: 3
}

.o-bindUser .section-main .form-info .info-text:focus+div {
	border: 1px solid #ed7975
}

.o-bindUser .section-main .form-info .date-wrap,.o-bindUser .section-main .form-info .height-wrap,.o-bindUser .section-main .form-info .weight-wrap,.o-bindUser .section-main .form-info .fat-wrap,.o-bindUser .section-main .form-info .phone-wrap {
	position: relative
}

.o-bindUser .section-main .form-info .date-wrap:before,.o-bindUser .section-main .form-info .height-wrap:before,.o-bindUser .section-main .form-info .weight-wrap:before,.o-bindUser .section-main .form-info .fat-wrap:before,.o-bindUser .section-main .form-info .phone-wrap:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.o-bindUser .section-main .form-info .height-wrap,.o-bindUser .section-main .form-info .weight-wrap,.o-bindUser .section-main .form-info .fat-wrap,.o-bindUser .section-main .form-info .phone-wrap {
	display: block;
	height: 50px
}

.o-bindUser .section-main .form-info .height-wrap:before,.o-bindUser .section-main .form-info .weight-wrap:before,.o-bindUser .section-main .form-info .fat-wrap:before,.o-bindUser .section-main .form-info .phone-wrap:before {
	right: 18px;
	z-index: 3;
	color: #cecece;
	font-size: 14px;
	height: 14px;
	z-index: 4
}

.o-bindUser .section-main .form-info .msg-err {
	position: absolute;
	top: 19px;
	right: 0;
	height: 11px;
	line-height: 11px;
	font-size: 11px;
	padding-left: 13px;
	color: #f12b24;
	background-repeat: no-repeat
}

.o-bindUser .section-main .form-info .hide {
	display: none
}

.o-bindUser .section-main .choose-name-btn {
	display: block;
	border: 1px solid #e6e6e6;
	background: #fff;
	text-align: center;
	color: #666;
	font-size: 14px
}

.o-bindUser .section-main .choose-name-btn:hover,.o-bindUser .section-main .choose-name-btn.active {
	color: #f12b24;
	border: 1px solid #f12b24
}

.bindUser-box .bindUser-pic {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff;
	box-shadow: 0 0 7px 0 rgba(109,109,109,0.5);
	margin: 0 auto 20px;
	position: relative
}

.bindUser-box .bindUser-pic img {
	display: block;
	width: 100%;
	overflow: hidden
}

.bindUser-box h4 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	color: #32353d
}

.bindUser-box h5 {
	font-size: 14px;
	color: #32353d;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px
}

.bindUser-box .bindUser-btn {
	display: block;
	text-align: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 12px 0;
	width: 330px;
	margin: 0 auto 20px;
	font-size: 13px;
	line-height: 1.5em;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.bindUser-box .bindUser-btn.tp1 {
	color: #fff;
	background-color: #d23840;
	border-color: transparent
}

.bindUser-box .bindUser-btn.tp1:hover {
	background-color: #c11a2b
}

.bindUser-box .bindUser-btn.tp2 {
	color: #d23840;
	border-color: #d23840
}

.bindUser-box .bindUser-btn.tp2:hover {
	background-color: #f5f5f5
}

.o-regist_hd {
	border-bottom: 2px solid #e4e4e4;
	*zoom: 1
}

.o-regist_hd:before,.o-regist_hd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-regist_hd:after {
	clear: both
}

.o-regist_hd h1 {
	font-size: 24px;
	color: #666;
	border-bottom: 2px solid #d23840;
	float: left;
	padding: 0 10px 17px;
	margin-bottom: -2px
}

.o-regist_hd p {
	float: right;
	color: #666;
	font-size: 14px;
	padding-top: 10px
}

.o-regist_hd p a {
	color: #d13038;
	margin-left: 5px
}

.o-regist_hd p a:hover {
	color: #ee323c
}

.o-regist_bd {
	padding-top: 58px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.o-regist_btn {
	line-height: 60px;
	background: #eee;
	padding: 0 23px;
	font-size: 18px;
	color: #666;
	display: inline-block;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-regist_btn.enable {
	cursor: pointer
}

.o-regist_btn.enable:hover {
	background: #dcdcdc
}

.o-regist_p {
	margin-left: 240px
}

.o-regist_row {
	margin-bottom: 30px;
	*zoom: 1
}

.o-regist_row:before,.o-regist_row:after {
	content: "";
	display: table;
	line-height: 0
}

.o-regist_row:after {
	clear: both
}

.o-regist_row .row-fl {
	float: left;
	*display: inline;
	width: 225px;
	line-height: 60px;
	color: #666;
	font-size: 18px;
	text-align: right
}

.o-regist_row .row-fr {
	float: left;
	*display: inline;
	width: 265px;
	line-height: 60px;
	font-size: 14px;
	color: #999
}

.o-regist_row .row-mid {
	float: left;
	*display: inline;
	width: 380px;
	margin-left: 15px;
	margin-right: 15px;
	position: relative
}

.o-regist_row .row-mid input {
	width: 380px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	padding: 15px;
	border: 1px solid #dbdbdb;
	outline: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease
}

.o-regist_row .row-mid input:focus {
	border-color: #d13038
}

.o-regist_row .row-mid .text-normal {
	line-height: 60px;
	color: #666;
	font-size: 18px;
	text-indent: 1em
}

.o-regist_row .icon-notice {
	display: none;
	width: 24px;
	height: 22px;
	position: absolute;
	right: 12px;
	top: 19px;
	background-repeat: no-repeat
}

.o-regist_row .text-notice {
	display: none;
	position: absolute;
	right: 2px;
	bottom: -20px;
	color: #d23840;
	font-size: 12px
}

.o-regist_row.row-error .icon-notice {
	display: block
}

.o-regist_row.row-error .text-notice {
	display: block
}

#form-imageVCode #img_verify {
	float: left;
	width: 182px;
	height: 62px;
	margin-right: 6px;
	cursor: pointer
}

#form-imageVCode #imageVCode {
	width: 192px
}

.o-regist_protocol {
	font-size: 14px;
	padding: 20px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.o-regist_protocol label {
	cursor: pointer;
	display: block
}

.o-regist_protocol input[type="checkbox"] {
	vertical-align: top
}

.o-regist_protocol span {
	color: #999;
	margin-left: 6px
}

.o-regist_protocol em {
	color: #333;
	cursor: pointer
}

.o-regist_protocol em:hover {
	color: #c9151e
}

.o-btn_submit {
	width: 380px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	background: #d13038;
	cursor: pointer;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease
}

.o-btn_submit:hover {
	background: #ee323c
}

.pop-protocol {
	width: 100%;
	height: 100%
}

.pop-protocol h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
	font-family: "Microsoft Yahei"
}

.pop-protocol iframe {
	width: 100%;
	height: 90%
}

.o-regist2 {
	box-shadow: 0 0 5px #999;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 36px;
	width: 1000px;
	margin: 100px auto;
	font-family: "microsoft Yahei"
}

.o-regist2 .setion-title {
	text-align: center;
	padding-top: 36px
}

.o-regist2 .setion-title .title-font {
	display: inline-block;
	border-left: 1px solid #999;
	padding-left: 15px;
	margin-left: 15px;
	position: relative;
	top: -5px
}

.o-regist2 .section-bd {
	margin: 26px auto 0 auto;
	width: 338px
}

.o-regist2 .section-bd .form-info>label>i {
	position: relative;
	top: 2px;
	margin-right: 8px
}

.o-regist2 .section-bd .form-info .img-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 6
}

.o-regist2 .section-bd .form-info .v-code-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -122px;
	margin: auto;
	z-index: 6;
	width: 96px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-size: 14px;
	background: #167ac6;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.o-regist2 .section-bd .form-info .v-code-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-regist2 .section-bd .form-info .v-code-active {
	background: #dedede
}

.o-regist2 .section-bd .next-btn {
	margin: 62px auto 0 auto
}

.o-regist2 .section-bd .tip-msg {
	display: block;
	color: #167ac6;
	font-size: 12px;
	text-align: center;
	margin-top: 12px
}

.o-regist2 .section-bd .tip-msg:hover {
	text-decoration: underline!important
}

.o-regist2 .section-bd .tip-msg2 {
	font-size: 14px;
	margin-top: 15px
}

.o-regist2 .icon_hiyd {
	display: inline-block;
	width: 84px;
	height: 34px;
	background-repeat: no-repeat
}

.o-regist2 .icon_phone {
	display: inline-block;
	width: 11px;
	height: 13px;
	background-repeat: no-repeat
}

.o-regist2 .icon_pic {
	display: inline-block;
	width: 12px;
	height: 11px;
	background-repeat: no-repeat
}

.o-regist2 .icon_msg {
	display: inline-block;
	width: 12px;
	height: 11px;
	background-repeat: no-repeat
}

.o-regist2 .icon_psw {
	display: inline-block;
	width: 11px;
	height: 13px;
	background-repeat: no-repeat
}

.o-regist2 .icon_user {
	display: inline-block;
	width: 12px;
	height: 13px;
	background-repeat: no-repeat
}

.o-regist2 .icon_right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	z-index: 6;
	display: none;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat
}

.o-regist2 .icon_notice {
	display: none;
	width: 24px;
	height: 22px;
	position: absolute;
	right: 10px;
	top: 13px;
	z-index: 6;
	background-repeat: no-repeat
}

.o-regist2 .setion-hd {
	height: 104px;
	background: #26262e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#26262e),color-stop(100%,#46464c));
	background: -webkit-linear-gradient(top,#26262e 0,#46464c 100%);
	background: linear-gradient(to bottom,#26262e 0,#46464c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #26262e,endColorstr= #46464c,GradientType=0);
	border-size: content-box
}

.o-regist2 .setion-hd .setion-title {
	color: #fff;
	font-size: 22px
}

.o-regist2 .setion-hd .setion-intro {
	color: #999;
	font-size: 12px;
	margin-top: 13px
}

.o-regist2 .section-bd .next-btn {
	display: block;
	width: 164px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #f12b24;
	-webkit-transition: all .2s;
	transition: all .2s
}

.o-regist2 .section-bd .next-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-regist2 .section-bd .back-btn {
	display: block;
	width: 80px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	margin-top: 20px
}

.o-regist2 .section-bd .back-btn:hover {
	text-decoration: underline;
	color: #167ac6
}

.o-regist2 .section-bd .form-info {
	position: relative
}

.o-regist2 .section-bd .form-info>label {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	line-height: 50px
}

.o-regist2 .section-bd .form-info .info-text {
	border: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	line-height: 18px;
	height: 18px;
	width: 80%;
	box-sizing: border-box;
	outline: 0;
	z-index: 4;
	background: transparent;
	margin: auto;
	color: #333
}

.o-regist2 .section-bd .form-info .info-text.info-v-pic {
	width: 60%
}

.o-regist2 .section-bd .form-info .info-text:-webkit-autofill {
	box-shadow: 0 0 0 10em #f5f5f5 inset
}

.o-regist2 .section-bd .form-info .info-text+div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	z-index: 3
}

.o-regist2 .section-bd .form-info .info-text:focus+div {
	border: 1px solid #ed7975
}

.o-regist2 .section-bd .form-info .date-wrap,.o-regist2 .section-bd .form-info .height-wrap,.o-regist2 .section-bd .form-info .weight-wrap,.o-regist2 .section-bd .form-info .fat-wrap,.o-regist2 .section-bd .form-info .phone-wrap {
	position: relative
}

.o-regist2 .section-bd .form-info .date-wrap:before,.o-regist2 .section-bd .form-info .height-wrap:before,.o-regist2 .section-bd .form-info .weight-wrap:before,.o-regist2 .section-bd .form-info .fat-wrap:before,.o-regist2 .section-bd .form-info .phone-wrap:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.o-regist2 .section-bd .form-info .height-wrap,.o-regist2 .section-bd .form-info .weight-wrap,.o-regist2 .section-bd .form-info .fat-wrap,.o-regist2 .section-bd .form-info .phone-wrap {
	display: block;
	height: 50px;
	line-height: 50px
}

.o-regist2 .section-bd .form-info .height-wrap:before,.o-regist2 .section-bd .form-info .weight-wrap:before,.o-regist2 .section-bd .form-info .fat-wrap:before,.o-regist2 .section-bd .form-info .phone-wrap:before {
	right: 18px;
	z-index: 3;
	color: #cecece;
	font-size: 14px;
	height: 14px;
	z-index: 4
}

.o-regist2 .section-bd .form-info .text-notice {
	position: absolute;
	top: 19px;
	right: 0;
	height: 11px;
	line-height: 11px;
	font-size: 11px;
	padding-left: 13px;
	color: #f12b24;
	background: url(/static/img/icon_error.png?510e8781f0358bea) no-repeat;
	display: none
}

.o-regist2 .section-bd .form-info.row-error .text-notice,.o-regist2 .section-bd .form-info.row-error .icon_notice {
	display: block
}

.o-regist2 .other-login {
	padding-top: 35px
}

.o-regist2 .other-login_hd {
	height: 1px;
	background: #cecece;
	position: relative
}

.o-regist2 .other-login_hd h3 {
	position: absolute;
	font-size: 14px;
	color: #333;
	left: 50%;
	width: 165px;
	margin-left: -82.5px;
	top: -10px;
	background: #fff;
	text-align: center;
	line-height: 20px
}

.o-regist2 .other-login_bd {
	padding-top: 35px;
	*zoom: 1
}

.o-regist2 .other-login_bd:before,.o-regist2 .other-login_bd:after {
	content: "";
	display: table;
	line-height: 0
}

.o-regist2 .other-login_bd:after {
	clear: both
}

.o-regist2 .other-login_bd span {
	cursor: pointer;
	-webkit-transition: opacity ease 300ms;
	transition: opacity ease 300ms
}

.o-regist2 .other-login_bd span:hover {
	opacity: .85
}

.o-regist2 .other-login_bd .login-qq {
	width: 64px;
	height: 64px;
	float: left;
	background-repeat: no-repeat
}

.o-regist2 .other-login_bd .login-wx {
	width: 64px;
	height: 64px;
	float: left;
	margin: 0 72px;
	background-repeat: no-repeat
}

.o-regist2 .other-login_bd .login-wb {
	width: 64px;
	height: 64px;
	float: left;
	background-repeat: no-repeat
}

.o-other-wrapin {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1
}

.o-other-wrapin:before,.o-other-wrapin:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-wrapin:after {
	clear: both
}

.o-other-about {
	padding-top: 25px;
	min-height: 420px;
	*zoom: 1
}

.o-other-about:before,.o-other-about:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-about:after {
	clear: both
}

.o-other-about .link-bd {
	margin-bottom: 15px
}

.about-col-fl {
	float: left;
	width: 100%
}

.about-col-fr {
	float: right;
	width: 100%
}

.o-other-link {
	min-height: 750px;
	padding-top: 40px
}

.o-other-link .linkcon-pic {
	margin: 12px 30px 12px 0;
	float: left;
	width: 140px;
	height: 60px;
	overflow: hidden
}

.o-other-link .linkcon-pic img {
	width: 100%;
	overflow: hidden;
	display: block
}

.o-other-link .linkcon-group {
	margin-right: -31px;
	*zoom: 1
}

.o-other-link .linkcon-group:before,.o-other-link .linkcon-group:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-link .linkcon-group:after {
	clear: both
}

.o-other-link .linkhref-group {
	margin-top: 25px;
	border-top: 1px solid #ededed;
	margin-right: -31px;
	padding-top: 15px;
	*zoom: 1
}

.o-other-link .linkhref-group:before,.o-other-link .linkhref-group:after {
	content: "";
	display: table;
	line-height: 0
}

.o-other-link .linkhref-group:after {
	clear: both
}

.o-other-link .linkhref-group li {
	float: left;
	width: 140px;
	margin-right: 30px;
	margin-bottom: 25px;
	color: #606060
}

.o-other-link .linkhref-group a:hover {
	color: #c9151e
}

.o-other-join {
	padding: 40px 0 0
}

.o-other-join .join-con {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 15px;
	margin-top: 20px
}

.o-other-join .join-con h4 {
	color: #000;
	font-size: 14px;
	margin-bottom: 10px
}

.o-other-join .join-con p {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.o-bbcourse-banner {
	height: 300px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.o-bbcourse-banner .banner-inner {
	position: relative;
	height: 100%
}

.o-bbcourse-banner img {
	position: absolute;
	width: 1920px;
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -960px;
	display: block;
	overflow: hidden
}

.o-bbcourse-banner .banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.o-bbcourse-banner h1 {
	width: 1200px;
	margin: 54px auto 25px;
	text-indent: 117px;
	font-size: 48px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	line-height: 1.1em;
	color: #fff
}

.o-bbcourse-banner .cont {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8em
}

.o-bbcourse-banner p {
	padding: 0 0 0 117px;
	color: #fff;
	width: 550px
}

.o-bbcourse-index {
	padding-top: 320px;
	padding-bottom: 30px
}

.o-bbcourse-index .box-info {
	margin-bottom: 10px;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff
}

.o-bbcourse-index .box-info-hd {
	padding: 15px 25px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.o-bbcourse-index .box-info-hd .box-btn {
	position: absolute;
	right: 25px;
	top: 50%;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
	margin-top: -19px;
	padding: 0 12px;
	background: #ed2424;
	color: #fff;
	cursor: pointer;
	font-size: 12px
}

.o-bbcourse-index .box-info-hd .box-btn:hover {
	background: #cf2121
}

.o-bbcourse-index .box-info-hd .box-btn em {
	vertical-align: middle
}

.o-bbcourse-index .box-info-hd .box-btn strong {
	font-size: 24px;
	vertical-align: top
}

.o-bbcourse-index .box-info-hd .box-btn.joined {
	background: #9f9f9f
}

.o-bbcourse-index .box-info-hd .box-btn.joined:hover {
	background: #898989
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign {
	right: 159px;
	background: #4eb2e3
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign i {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: sub;
	margin-right: 5px;
	background-repeat: no-repeat
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed {
	background: #e2e2e2
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i {
	background-repeat: no-repeat
}

.o-bbcourse-index .box-info-hd .hd-row1 {
	height: 28px;
	*zoom: 1
}

.o-bbcourse-index .box-info-hd .hd-row1:before,.o-bbcourse-index .box-info-hd .hd-row1:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-index .box-info-hd .hd-row1:after {
	clear: both
}

.o-bbcourse-index .box-info-hd .hd-row1 h1 {
	color: #333;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	max-width: 500px;
	line-height: 28px;
	height: 28px;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden
}

.o-bbcourse-index .box-info-hd .hd-row2 {
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	*zoom: 1
}

.o-bbcourse-index .box-info-hd .hd-row2:before,.o-bbcourse-index .box-info-hd .hd-row2:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-index .box-info-hd .hd-row2:after {
	clear: both
}

.o-bbcourse-index .box-info-hd .hd-row2 span {
	margin-right: 60px;
	float: left
}

.o-bbcourse-index .box-info-hd .m-share-list {
	float: left;
	font-size: 14px;
	margin-right: 20px
}

.o-bbcourse-index .box-info-hd .row-item1 {
	float: left;
	font-size: 14px;
	color: #666;
	margin-right: 20px
}

.o-bbcourse-index .box-info-hd .row-item1 strong {
	font-size: 24px;
	color: #ed2424
}

.o-bbcourse-index .box-info-hd .row-item2 {
	float: left;
	margin-right: 20px;
	font-size: 12px;
	color: #167ac6;
	cursor: pointer;
	margin-top: 10px
}

.o-bbcourse-index .box-info-hd .row-item2:hover {
	text-decoration: underline
}

.o-bbcourse-index .box-info-hd .row-tabs {
	*zoom: 1
}

.o-bbcourse-index .box-info-hd .row-tabs:before,.o-bbcourse-index .box-info-hd .row-tabs:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-index .box-info-hd .row-tabs:after {
	clear: both
}

.o-bbcourse-index .box-info-hd .row-tabs li {
	background: #eee;
	color: #666;
	font-size: 12px;
	float: left;
	border-left: 1px solid #d5d5d5
}

.o-bbcourse-index .box-info-hd .row-tabs li:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left: none
}

.o-bbcourse-index .box-info-hd .row-tabs li:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.o-bbcourse-index .box-info-hd .row-tabs li.current {
	background: #7679f2
}

.o-bbcourse-index .box-info-hd .row-tabs li.current a {
	color: #fff
}

.o-bbcourse-index .box-info-hd .row-tabs a {
	display: block;
	line-height: 28px;
	padding: 0 7px
}

.o-bbcourse-index .box-info-bd {
	padding: 12px 25px;
	line-height: 24px;
	font-size: 12px;
	color: #666
}

.o-bbcourse-index .box-table {
	margin-bottom: 10px;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff;
	padding-top: 35px
}

.o-bbcourse-index .box-table .table-title {
	font-size: 16px;
	padding: 0 0 30px;
	color: #333;
	text-align: center
}

.o-bbcourse-index .box-table .table-title h4 {
	border-bottom: 2px solid #e32828;
	display: inline-block;
	padding-bottom: 8px
}

.o-bbcourse-index .box-table .table-con {
	padding: 0 20px 35px
}

.o-bbcourse-index .box-table .table-con table {
	width: 100%
}

.o-bbcourse-index .box-table .table-con td {
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	position: relative
}

.o-bbcourse-index .box-table .table-con td.tp-head {
	border: 0;
	width: 75px;
	color: #666;
	font-size: 30px
}

.o-bbcourse-index .box-table .table-con td.tp-head:hover {
	background: #fff
}

.o-bbcourse-index .box-table .table-con td.tp-rest {
	background: #4eb2e3
}

.o-bbcourse-index .box-table .table-con td.tp-rest .row-index,.o-bbcourse-index .box-table .table-con td.tp-rest .row-text {
	color: #fff
}

.o-bbcourse-index .box-table .table-con td.tp-rest:hover {
	background: #4eb2e3
}

.o-bbcourse-index .box-table .table-con td.tp-rest:hover .row-icon {
	display: none
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 {
	background: #9e9e9e
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 .row-index,.o-bbcourse-index .box-table .table-con td.tp-rest2 .row-text {
	color: #fff
}

.o-bbcourse-index .box-table .table-con td.tp-rest2:hover {
	background: #9e9e9e
}

.o-bbcourse-index .box-table .table-con td.tp-rest2:hover .row-icon {
	display: none
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 a {
	cursor: default
}

.o-bbcourse-index .box-table .table-con td.tp-empty:hover {
	background: #fff
}

.o-bbcourse-index .box-table .table-con td:hover {
	background: #ef5561
}

.o-bbcourse-index .box-table .table-con td:hover .row-icon {
	display: block
}

.o-bbcourse-index .box-table .table-con td:hover .row-index,.o-bbcourse-index .box-table .table-con td:hover .row-text {
	color: #fff
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign {
	color: #fff;
	background: #f7717c
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign i {
	background-repeat: no-repeat
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i {
	background-repeat: no-repeat
}

.o-bbcourse-index .box-table .table-con .row-item {
	display: block;
	width: 110px;
	margin: 0 auto;
	height: 150px;
	overflow: hidden;
	text-align: center
}

.o-bbcourse-index .box-table .table-con .row-icon {
	position: absolute;
	display: none;
	width: 28px;
	height: 28px;
	top: 8px;
	left: 50%;
	margin-left: -14px;
	background-repeat: no-repeat
}

.o-bbcourse-index .box-table .table-con .row-index {
	font-size: 32px;
	color: #9092a0;
	text-align: center;
	font-weight: bold;
	padding-top: 43px
}

.o-bbcourse-index .box-table .table-con .row-text {
	font-size: 12px;
	color: #9596a2;
	padding-top: 5px;
	line-height: 18px;
	height: 50px;
	overflow: hidden;
	text-align: center
}

.o-bbcourse-index .box-table .table-con .row-sign {
	padding: 0 6px;
	line-height: 22px;
	font-size: 12px;
	position: absolute;
	right: 5px;
	bottom: 4px;
	color: #c8cad9
}

.o-bbcourse-index .box-table .table-con .row-sign em {
	vertical-align: middle
}

.o-bbcourse-index .box-table .table-con .row-sign.signed i {
	background-repeat: no-repeat
}

.o-bbcourse-index .box-table .table-con .row-sign i {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.o-bbcourse-index .box-list {
	margin-bottom: 10px;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff;
	padding: 20px
}

.o-bbcourse-index .box-list h4 {
	color: #1f212a;
	margin-bottom: 24px
}

.o-bbcourse-index .box-list ul {
	margin-right: -21px;
	*zoom: 1
}

.o-bbcourse-index .box-list ul:before,.o-bbcourse-index .box-list ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-index .box-list ul:after {
	clear: both
}

.o-bbcourse-index .box-list li {
	width: 180px;
	margin-right: 16px;
	float: left;
	cursor: pointer;
	position: relative;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.o-bbcourse-index .box-list li:hover {
	opacity: .8
}

.o-bbcourse-index .box-list li a {
	display: block;
	width: 100%;
	position: relative
}

.o-bbcourse-index .box-list li img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-bbcourse-index .box-list li .pic-mask {
	position: absolute;
	width: 100%;
	height: 33px;
	background: url(/static/img/bg-mask2.png?56c6a50f86417dbb) no-repeat;
	bottom: 0;
	left: 0
}

.o-bbcourse-index .box-list li strong {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
	text-indent: 10px;
	line-height: 26px;
	height: 26px;
	white-space: nowrap;
	word-break: keep-all
}

.o-bbcourse-index .box-comment {
	margin-bottom: 10px
}

@media only screen and (min-width:1550px) {
	.o-bbcourse-index .box-list ul li {
		width: 215px;
		margin-right: 21px
	}
}

.o-bbcourse {
	position: relative;
	margin-top: 18px
}

.o-bbcourse .trainning-list-wrap {
	margin-right: 348px;
	position: relative;
	background: #fff
}

.o-bbcourse .trainning-list-wrap .trainning-list-title {
	color: #161616;
	font-size: 20px;
	padding-left: 22px;
	line-height: 46px;
	height: 46px;
	border-bottom: 1px solid #e9e9e9
}

.o-bbcourse .trainning-list-wrap .traning-sort {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 103px;
	height: 26px;
	border-radius: 5px;
	background: #f8f8f8;
	border: 1px solid #d3d3d3;
	padding-left: 9px
}

.o-bbcourse .trainning-list-wrap .trainning-list li {
	-webkit-transition: all .2s;
	transition: all .2s;
	background: #fff
}

.o-bbcourse .trainning-list-wrap .trainning-list li:hover {
	box-shadow: 0 0 8px #bdbcbc;
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0)
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item {
	display: block;
	margin: 0 22px;
	padding: 16px 0 18px 0;
	border-bottom: 1px solid #e9e9e9;
	*zoom: 1
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item:before,.o-bbcourse .trainning-list-wrap .trainning-list .list-item:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item:after {
	clear: both
}

.o-bbcourse .trainning-list-wrap .train-pic {
	display: inline-block;
	width: 222px;
	height: 122px;
	float: left
}

.o-bbcourse .trainning-list-wrap img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-bbcourse .trainning-list-wrap .train-title,.o-bbcourse .trainning-list-wrap .train-intro,.o-bbcourse .trainning-list-wrap .train-details {
	margin-left: 240px
}

.o-bbcourse .trainning-list-wrap .train-title {
	font-size: 18px;
	height: 26px;
	font-weight: bold;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333
}

.o-bbcourse .trainning-list-wrap .train-title a {
	font-size: 18px;
	color: #333
}

.o-bbcourse .trainning-list-wrap .train-intro {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.o-bbcourse .trainning-list-wrap .train-intro a {
	font-size: 12px;
	color: #999
}

.o-bbcourse .trainning-list-wrap .train-details {
	margin-top: 12px
}

.o-bbcourse .trainning-list-wrap .train-details span {
	color: #666;
	font-size: 14px;
	margin-right: 56px
}

.o-bbcourse .trainning-list-wrap .train-details span em {
	color: #333
}

.o-bbcourse .trainning-list-wrap .train-details span.no-mr {
	margin-right: 0
}

.o-bbcourse .trainning-list-wrap .train-details:first {
	margin-top: 18px
}

.o-bbcourse .trainning-list-wrap .train-details-strength {
	margin-right: 35px
}

.o-bbcourse .trainning-list-wrap .icon-strength-wrap {
	height: 17px;
	width: 105px;
	background: url(/static/img/icon-hard-empty.png?f07339d517e0c8b9) repeat-x;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 0
}

.o-bbcourse .trainning-list-wrap .icon-strength-wrap span {
	height: 17px;
	display: inline-block;
	background: url(/static/img/icon-hard-full.png?961bb33b944e8b97) repeat-x
}

.o-bbcourse .trainning-list-wrap .icon-star-wrap {
	height: 14px;
	width: 85px;
	display: inline-block;
	margin-left: 9px;
	position: relative;
	top: 1px;
	background-repeat: repeat-x
}

.o-bbcourse .trainning-list-wrap .icon-star-wrap span {
	height: 14px;
	display: inline-block;
	background-repeat: repeat-x
}

.o-bbcourse .trainning-plan-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 338px
}

.o-bbcourse .trainning-plan-wrap .plan-hot {
	display: block;
	width: 100%;
	height: 133px;
	background: url(/static/img/index2/make-plan2.jpg?cef2d1c6458da8ec);
	background-size: 100%;
	border-radius: 2px;
	cursor: pointer
}

.o-bbcourse .trainning-plan-wrap .plan-hot:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-bbcourse-detail {
	margin-top: 320px;
	position: relative
}

.o-bbcourse-detail .box-hd,.o-bbcourse-detail .box-bd,.o-bbcourse-detail .box-comment {
	margin-right: 236px
}

.o-bbcourse-detail .box-hd {
	background: #fff
}

.o-bbcourse-detail .box-hd .hd-row1 {
	line-height: 46px;
	height: 46px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
	*zoom: 1
}

.o-bbcourse-detail .box-hd .hd-row1:before,.o-bbcourse-detail .box-hd .hd-row1:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-detail .box-hd .hd-row1:after {
	clear: both
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-day {
	margin-left: 20px;
	float: left;
	font-weight: bold;
	color: #333
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-body {
	margin-left: 44px;
	float: left;
	font-weight: bold;
	color: #333
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-select {
	margin-left: 28px;
	height: 26px;
	border-radius: 5px;
	background: #f8f8f8;
	border: 1px solid #d3d3d3;
	padding-left: 9px
}

.o-bbcourse-detail .box-hd .hd-row1 .btn {
	float: right;
	width: 79px;
	margin-top: 8px;
	margin-right: 16px;
	line-height: 31px;
	height: 31px;
	text-align: center;
	background: #f21a1a;
	color: #fff
}

.o-bbcourse-detail .box-hd .hd-row1 .btn:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-joined {
	line-height: 31px;
	height: 31px;
	color: #fff;
	padding: 0 15px 0 36px;
	margin-top: 8px;
	float: right;
	background: url(/static/img/btn-joined.png?7b777cd4550bc1a7) 9px center no-repeat;
	background-color: #cdcdcd;
	margin-right: 20px
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-join {
	line-height: 31px;
	height: 31px;
	color: #fff;
	cursor: pointer;
	margin-top: 8px;
	padding: 0 15px 0 36px;
	float: right;
	background: url(/static/img/btn-join.png?5b3e67e6bfa6b58e) 9px center no-repeat;
	background-color: #f21a1a;
	margin-right: 20px
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-join:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs {
	*zoom: 1;
	padding: 9px 0 0 40px;
	float: left
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:before,.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:after {
	clear: both
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li {
	float: left
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li span {
	color: #333;
	background: #efefef;
	border-radius: 3px;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 5px 0 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li span:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	background: #cdcdcd;
	width: 11px;
	height: 100%
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i {
	width: 14px;
	height: 12px;
	float: left;
	margin: 8px 5px 0;
	background-repeat: no-repeat
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .tabs-0 i {
	display: none
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .current span {
	background: #849aee;
	color: #fff
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .current span:before {
	background: #607de9
}

.o-bbcourse-detail .box-hd .hd-row2 {
	padding: 10px 10px 10px 20px;
	color: #666;
	font-size: 12px
}

.o-bbcourse-detail .box-hd .hd-row2 h4 {
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
	text-indent: 2em
}

.o-bbcourse-detail .box-hd .hd-row2 pre,.o-bbcourse-detail .box-hd .hd-row2 p {
	line-height: 2em;
	text-indent: 2em;
	font-size: 12px;
	word-break: break-word;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: Tahoma,"Microsoft YaHei",sans-serif
}

.o-bbcourse-detail .o-video-player {
	width: 100%;
	min-height: 430px
}

.o-bbcourse-detail .box-bd .group-list>li {
	margin-top: 9px;
	background: #fff;
	position: relative
}

.o-bbcourse-detail .box-bd .day-noon {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 10px
}

.o-bbcourse-detail .box-aside {
	width: 223px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0
}

.o-bbcourse-detail .box-aside li.week-fold .icon-down {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.o-bbcourse-detail .box-aside h2 {
	text-align: center;
	line-height: 46px;
	height: 46px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #e9e9e9;
	cursor: pointer
}

.o-bbcourse-detail .box-aside h2 em {
	margin-right: 8px
}

.o-bbcourse-detail .box-aside h2 .icon-down {
	width: 8px;
	height: 4px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-repeat: no-repeat
}

.o-bbcourse-detail .box-aside .day-list {
	border-bottom: 1px solid #e9e9e9
}

.o-bbcourse-detail .box-aside .day-list a {
	display: block;
	line-height: 34px;
	height: 34px;
	text-align: left;
	font-size: 12px;
	color: #167ac6;
	overflow: hidden;
	padding: 0 20px
}

.o-bbcourse-detail .box-aside .day-list a em {
	margin-right: 6px
}

.o-bbcourse-detail .box-aside .day-list a.rest {
	color: #555
}

.o-bbcourse-detail .box-aside .day-list a:hover,.o-bbcourse-detail .box-aside .day-list a.active {
	background: #f7f7f7;
	color: #f21a1a
}

.o-bbcourse-detail .box-comment {
	margin-top: 10px
}

.o-bbcourse-detail .action-list-wrap .group-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	padding: 4px 0
}

.o-bbcourse-detail .action-list-wrap .cont-wrap {
	position: relative
}

.o-bbcourse-detail .action-list-wrap .group-intro {
	width: 40px;
	position: absolute
}

.o-bbcourse-detail .action-list-wrap .group-intro .group-sort {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background: #607de9;
	color: #fff;
	font-size: 22px;
	font-weight: bold
}

.o-bbcourse-detail .action-list-wrap .group-intro .group-name {
	color: #607de9;
	font-size: 12px;
	text-align: center
}

.o-bbcourse-detail .action-list-wrap .group-intro .icon-question {
	margin: 0 auto
}

.o-bbcourse-detail .action-list-wrap .group-intro .icon-question:hover+div {
	opacity: 1;
	filter: alpha(opacity=100)
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap {
	position: relative;
	margin: 2px 0 0 -80px;
	width: 200px;
	text-align: center
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap {
	opacity: 0;
	filter: alpha(opacity=0);
	display: inline-block;
	position: relative;
	text-align: left;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #dadada;
	padding: 0 6px;
	max-width: 200px;
	z-index: 3;
	font-size: 12px;
	line-height: 24px;
	color: #999;
	-webkit-transition: all .5s;
	transition: all .5s
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before {
	content: '';
	width: 11px;
	height: 12px;
	position: absolute;
	z-index: 4;
	top: -7px;
	left: 50%;
	margin-left: -5px;
	background-repeat: no-repeat
}

.o-bbcourse-detail .action-list-wrap .action-list {
	margin-left: 94px
}

.o-bbcourse-detail .action-list-wrap .action-list>li {
	border-bottom: 1px solid #e2e2e2
}

.o-bbcourse-detail .action-list-wrap .action-list>li:last-child {
	border-bottom: 0
}

.o-bbcourse-detail .action-list-wrap .action-list>li .list-item {
	display: block;
	position: relative;
	height: 103px
}

.o-bbcourse-detail .action-list-wrap .action-list>li .list-item:hover h3 a {
	color: #f21a1a
}

.o-bbcourse-detail .action-list-wrap .action-list>li h3 {
	color: #333;
	font-size: 20px;
	padding-top: 13px;
	line-height: 25px;
	width: 50%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.o-bbcourse-detail .action-list-wrap .action-list>li h3 a {
	color: #333;
	font-size: 20px
}

.o-bbcourse-detail .action-list-wrap .action-list>li p {
	color: #666;
	font-size: 14px;
	margin-top: 16px;
	width: 50%;
	height: 40px;
	line-height: 20px;
	overflow: hidden
}

.o-bbcourse-detail .action-list-wrap .action-list>li .img-wrap {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	*zoom: 1
}

.o-bbcourse-detail .action-list-wrap .action-list>li .img-wrap:before,.o-bbcourse-detail .action-list-wrap .action-list>li .img-wrap:after {
	content: "";
	display: table;
	line-height: 0
}

.o-bbcourse-detail .action-list-wrap .action-list>li .img-wrap:after {
	clear: both
}

.o-bbcourse-detail .action-list-wrap .action-list>li .img-wrap img {
	height: 100%;
	width: 152px;
	display: block;
	overflow: hidden;
	float: left;
	border: 1px solid #CCC
}

.o-bbcourse-detail .action-list-wrap .group-explain {
	font-size: 14px;
	line-height: 1.5em;
	padding: 15px 15px 15px 95px;
	color: #666
}

.icon-question {
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat
}

.o-plan-banner {
	height: 352px;
	background: #292c30;
	overflow: hidden;
	margin-top: 50px
}

.o-plan-banner:before,.o-plan-banner:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	box-shadow: 0 0 50px #fff;
	width: 1px
}

.o-plan-banner:before {
	left: 0
}

.o-plan-banner:after {
	right: 0
}

.o-plan-banner .banner-main {
	height: 100%;
	width: 1180px;
	margin: 0 auto;
	position: relative
}

.o-plan-banner img {
	width: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	box-shadow: 0 0 100px #101010
}

.o-plan-banner .banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.o-plan-banner h1 {
	width: 1200px;
	margin: 54px auto 25px;
	text-indent: 117px;
	font-size: 48px;
	font-family: Tahoma,"Microsoft YaHei",sans-serif;
	line-height: 1.1em;
	color: #fff
}

.o-plan-banner .cont {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8em
}

.o-plan-banner p {
	padding: 0 0 0 117px;
	color: #fff;
	width: 550px
}

.o-plan {
	background: #f2f2f2
}

.o-plan-index {
	padding-bottom: 10px
}

.o-plan-index .box-info {
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff;
	width: 1180px;
	margin: 18px auto
}

.o-plan-index .box-info-hd {
	padding: 15px 25px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.o-plan-index .box-info-hd .box-btn {
	position: absolute;
	right: 25px;
	top: 50%;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
	margin-top: -19px;
	padding: 0 12px;
	background: #ed2424;
	color: #fff;
	cursor: pointer;
	font-size: 12px
}

.o-plan-index .box-info-hd .box-btn:hover {
	background: #cf2121
}

.o-plan-index .box-info-hd .box-btn em {
	vertical-align: middle
}

.o-plan-index .box-info-hd .box-btn strong {
	font-size: 24px;
	vertical-align: top
}

.o-plan-index .box-info-hd .box-btn.joined {
	background: #9f9f9f
}

.o-plan-index .box-info-hd .box-btn.joined:hover {
	background: #898989
}

.o-plan-index .box-info-hd .box-btn.btn-sign {
	right: 159px;
	background: #4eb2e3
}

.o-plan-index .box-info-hd .box-btn.btn-sign i {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: sub;
	margin-right: 5px;
	background-repeat: no-repeat
}

.o-plan-index .box-info-hd .box-btn.btn-sign.signed {
	background: #e2e2e2
}

.o-plan-index .box-info-hd .box-btn.btn-sign.signed i {
	background-repeat: no-repeat
}

.o-plan-index .box-info-hd .hd-row1 {
	height: 28px;
	*zoom: 1
}

.o-plan-index .box-info-hd .hd-row1:before,.o-plan-index .box-info-hd .hd-row1:after {
	content: "";
	display: table;
	line-height: 0
}

.o-plan-index .box-info-hd .hd-row1:after {
	clear: both
}

.o-plan-index .box-info-hd .hd-row1 h2 {
	color: #333;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	max-width: 500px;
	line-height: 28px;
	height: 28px;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden
}

.o-plan-index .box-info-hd .hd-row2 {
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	*zoom: 1
}

.o-plan-index .box-info-hd .hd-row2:before,.o-plan-index .box-info-hd .hd-row2:after {
	content: "";
	display: table;
	line-height: 0
}

.o-plan-index .box-info-hd .hd-row2:after {
	clear: both
}

.o-plan-index .box-info-hd .hd-row2 span {
	margin-right: 60px;
	float: left
}

.o-plan-index .box-info-hd .m-share-list {
	float: left;
	font-size: 14px;
	margin-right: 20px
}

.o-plan-index .box-info-hd .row-item1 {
	float: left;
	font-size: 14px;
	color: #666;
	margin-right: 20px
}

.o-plan-index .box-info-hd .row-item1 strong {
	font-size: 24px;
	color: #ed2424
}

.o-plan-index .box-info-hd .row-item2 {
	float: left;
	margin-right: 20px;
	font-size: 12px;
	color: #167ac6;
	cursor: pointer;
	margin-top: 10px
}

.o-plan-index .box-info-hd .row-item2:hover {
	text-decoration: underline
}

.o-plan-index .box-info-hd .row-tabs {
	*zoom: 1
}

.o-plan-index .box-info-hd .row-tabs:before,.o-plan-index .box-info-hd .row-tabs:after {
	content: "";
	display: table;
	line-height: 0
}

.o-plan-index .box-info-hd .row-tabs:after {
	clear: both
}

.o-plan-index .box-info-hd .row-tabs li {
	background: #eee;
	color: #666;
	font-size: 12px;
	float: left;
	border-left: 1px solid #d5d5d5
}

.o-plan-index .box-info-hd .row-tabs li:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left: none
}

.o-plan-index .box-info-hd .row-tabs li:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.o-plan-index .box-info-hd .row-tabs li.current {
	background: #7679f2
}

.o-plan-index .box-info-hd .row-tabs li.current a {
	color: #fff
}

.o-plan-index .box-info-hd .row-tabs a {
	display: block;
	line-height: 28px;
	padding: 0 7px
}

.o-plan-index .box-table {
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff;
	width: 1180px;
	margin: 18px auto
}

.o-plan-index .box-table .table-title {
	font-size: 16px;
	padding: 14px 0 10px 0;
	color: #333;
	text-align: center
}

.o-plan-index .box-table .table-title h4 {
	border-bottom: 2px solid #e32828;
	display: inline-block;
	padding-bottom: 8px;
	font-weight: bold
}

.o-plan-index .box-table .table-intro {
	font-size: 12px;
	color: #565656;
	line-height: 18px;
	text-align: center
}

.o-plan-index .box-table .table-con {
	padding: 0 20px 35px
}

.o-plan-index .box-table .table-con .table-main {
	width: 1072px;
	margin: 23px auto 0 auto
}

.o-plan-index .box-table .table-con ul {
	*zoom: 1;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	display: inline-block
}

.o-plan-index .box-table .table-con ul:before,.o-plan-index .box-table .table-con ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-plan-index .box-table .table-con ul:after {
	clear: both
}

.o-plan-index .box-table .table-con li {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	vertical-align: middle;
	position: relative;
	width: 153px;
	height: 150px
}

.o-plan-index .box-table .table-con li:before {
	content: "";
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

.o-plan-index .box-table .table-con li.tp-clock:before {
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con li.tp-cur {
	background: #fafafa
}

.o-plan-index .box-table .table-con li.tp-cur:before {
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con li.tp-rest {
	background: #d2d2d2
}

.o-plan-index .box-table .table-con li.tp-rest .row-index,.o-plan-index .box-table .table-con li.tp-rest .row-text {
	color: #fff
}

.o-plan-index .box-table .table-con li.tp-rest a {
	cursor: default
}

.o-plan-index .box-table .table-con li.tp-rest:hover {
	background: #d2d2d2
}

.o-plan-index .box-table .table-con li.tp-fin:before {
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con .row-item {
	display: block;
	width: 110px;
	margin: 0 auto;
	height: 150px;
	overflow: hidden;
	text-align: center
}

.o-plan-index .box-table .table-con .row-icon {
	position: absolute;
	display: none;
	width: 28px;
	height: 28px;
	top: 8px;
	left: 50%;
	margin-left: -14px;
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con .row-index {
	font-size: 32px;
	color: #9092a0;
	text-align: center;
	font-weight: bold;
	padding-top: 43px
}

.o-plan-index .box-table .table-con .row-text {
	font-size: 12px;
	color: #9596a2;
	line-height: 18px;
	max-height: 36px;
	overflow: hidden;
	text-align: center;
	margin: 8px 0
}

.o-plan-index .box-table .table-con .train {
	text-align: center;
	font-size: 12px;
	line-height: 18px
}

.o-plan-index .box-table .table-con .train.finished a {
	color: #ef5561
}

.o-plan-index .box-table .table-con .train.finished a:before {
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con .train a,.o-plan-index .box-table .table-con .train span {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	color: #999
}

.o-plan-index .box-table .table-con .train a:before,.o-plan-index .box-table .table-con .train span:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 3px;
	background-repeat: no-repeat
}

.o-plan-index .box-table .table-con .train a {
	color: #3c62db
}

.o-plan-index .box-table .table-con .train a:hover {
	text-decoration: underline!important
}

.o-plan-index .box-list {
	margin-bottom: 10px;
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.1);
	background: #fff;
	padding: 20px
}

.o-plan-index .box-list h4 {
	color: #1f212a;
	margin-bottom: 24px
}

.o-plan-index .box-list ul {
	margin-right: -21px;
	*zoom: 1
}

.o-plan-index .box-list ul:before,.o-plan-index .box-list ul:after {
	content: "";
	display: table;
	line-height: 0
}

.o-plan-index .box-list ul:after {
	clear: both
}

.o-plan-index .box-list li {
	width: 180px;
	margin-right: 16px;
	float: left;
	cursor: pointer;
	position: relative;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.o-plan-index .box-list li:hover {
	opacity: .8
}

.o-plan-index .box-list li a {
	display: block;
	width: 100%;
	position: relative
}

.o-plan-index .box-list li img {
	display: block;
	width: 100%;
	overflow: hidden
}

.o-plan-index .box-list li .pic-mask {
	position: absolute;
	width: 100%;
	height: 33px;
	background: url(/static/img/bg-mask2.png?56c6a50f86417dbb) no-repeat;
	bottom: 0;
	left: 0
}

.o-plan-index .box-list li strong {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
	text-indent: 10px;
	line-height: 26px;
	height: 26px;
	white-space: nowrap;
	word-break: keep-all
}

.o-plan-index .box-comment {
	margin-bottom: 10px
}

*:focus {
	outline: 0
}

.o-hiyd>.page {
	padding-top: 50px
}

.mod-crumbs {
	font-size: 12px
}

.mod-crumbs span,.mod-crumbs a {
	margin-right: 3px
}

.mod-crumbs a:hover {
	color: #ab2b2b
}

.o-404-page {
	min-height: 812px;
	position: relative;
	background-color: #FFF;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 0 0 20px 0 #eee
}

.o-404-page .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 31px;
	height: 31px;
	background-image: url("/static/img/icon-close5.png?6e51daa5242ba284");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -500%;
	overflow: hidden
}

.o-404-page i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -315px 0 0 -255px;
	width: 510px;
	height: 630px;
	background-image: url("/static/img/404.png?faa06c09e05578ab");
	background-position: 0 0;
	background-repeat: no-repeat
}

.o-index2 .box-common3 li .row2 .water {
	background-position: 0 0
}

.section-pop .part7 .course-wrap .course .course-intro .strong {
	background-position: 0 0
}

.o-ucenter-wrap .bb-trained-list li .row2 .water {
	background-position: 0 0
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water {
	background-position: 0 0
}

.o-index2 .box-common3 li .row2 .water .inner {
	background-position: 0 -24px
}

.section-pop .part7 .course-wrap .course .course-intro .strong div {
	background-position: 0 -24px
}

.o-ucenter-wrap .bb-trained-list li .row2 .water .inner {
	background-position: 0 -24px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner {
	background-position: 0 -24px
}

.o-index2 .box-common3 li .row2 .star {
	background-position: 0 -48px
}

.o-ucenter-wrap .bb-trained-list li .row2 .star {
	background-position: 0 -48px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star {
	background-position: 0 -48px
}

.o-index2 .box-common3 li .row2 .star .inner {
	background-position: 0 -72px
}

.o-ucenter-wrap .bb-trained-list li .row2 .star .inner {
	background-position: 0 -72px
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner {
	background-position: 0 -72px
}

.o-bbcourse .trainning-list-wrap .icon-star-wrap {
	background-position: 0 -96px
}

.o-bbcourse .trainning-list-wrap .icon-star-wrap span {
	background-position: 0 -120px
}

.o-index2 .box-common3 li .row2 .water,.section-pop .part7 .course-wrap .course .course-intro .strong,.o-ucenter-wrap .bb-trained-list li .row2 .water,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water,.o-index2 .box-common3 li .row2 .water .inner,.section-pop .part7 .course-wrap .course .course-intro .strong div,.o-ucenter-wrap .bb-trained-list li .row2 .water .inner,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner,.o-index2 .box-common3 li .row2 .star,.o-ucenter-wrap .bb-trained-list li .row2 .star,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star,.o-index2 .box-common3 li .row2 .star .inner,.o-ucenter-wrap .bb-trained-list li .row2 .star .inner,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner,.o-bbcourse .trainning-list-wrap .icon-star-wrap,.o-bbcourse .trainning-list-wrap .icon-star-wrap span {
	background-image: url(/static/img/sprite/global_x.png?4c61f99bf86b8f7d)
}

.ui-dialog-close {
	background-position: -55px 0
}

.ui-dialog-close:hover,.ui-dialog-close:focus {
	background-position: -55px -39px
}

.login-ui .ui-dialog-close {
	background-position: -44px -78px
}

.login-ui .ui-dialog-close:hover,.login-ui .ui-dialog-close:focus {
	background-position: -44px -128px
}

.plan-dialog .ui-dialog-close {
	background-position: -44px -128px
}

.o-header3-nav .search-warp a:before {
	background-position: -70px -178px
}

.m-video-list li a .video-play {
	background-position: -56px -202px
}

.m-video-list li a .video-play:hover {
	background-position: -56px -240px
}

.m-tab-hd .trigger a.active .arrow {
	background-position: -29px -278px
}

.o-course .single-sort-tab li.active:before {
	background-position: -29px -278px
}

.o-index2 .section-mix .box4 .btn-download.btn-ios:before {
	background-position: -63px -294px
}

.o-aside-top .btn-download.btn-ios:before {
	background-position: -63px -294px
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod:before {
	background-position: -61px -330px
}

.o-aside-top .btn-download.btn-andirod:before {
	background-position: -61px -330px
}

.o-index2 .icon-clock {
	background-position: -69px -367px
}

.o-article-box .box-common1 .icon-clock {
	background-position: -69px -367px
}

.section-pop .part6 .list-wrap input[type='radio'],.section-pop .part6 .list-wrap input[type='checkbox'] {
	background-position: -62px -392px
}

.section-pop .part6 .list-wrap input[type='radio']:checked,.section-pop .part6 .list-wrap input[type='checkbox']:checked {
	background-position: -62px -424px
}

.section-pop .part6 .list-wrap input[type='radio']:disabled,.section-pop .part6 .list-wrap input[type='checkbox']:disabled {
	background-position: -62px -456px
}

.section-pop .part7 input[type='radio'] {
	background-position: -64px -488px
}

.section-pop .part7 input[type='radio']:checked {
	background-position: -64px -518px
}

.o-article-search .bdcs-search-form-submit {
	background-position: -68px -548px
}

.aside-search .aside-icon-search:after {
	background-position: -68px -548px
}

.o-article-tools .tool1 .icon,.o-tools-index .tool1 .icon {
	background-position: -18px -574px
}

.tool-list-main ul li .icon-tools.tool1 {
	background-position: -18px -574px
}

.o-article-tools .tool2 .icon,.o-tools-index .tool2 .icon {
	background-position: -19px -651px
}

.tool-list-main ul li .icon-tools.tool2 {
	background-position: -19px -651px
}

.o-article-tools .tool3 .icon,.o-tools-index .tool3 .icon {
	background-position: -17px -726px
}

.tool-list-main ul li .icon-tools.tool3 {
	background-position: -17px -726px
}

.o-article-tools .tool4 .icon,.o-tools-index .tool4 .icon {
	background-position: -17px -801px
}

.tool-list-main ul li .icon-tools.tool4 {
	background-position: -17px -801px
}

.o-article-tools .tool5 .icon,.o-tools-index .tool5 .icon {
	background-position: -18px -878px
}

.tool-list-main ul li .icon-tools.tool5 {
	background-position: -18px -878px
}

.o-article-tools .tool6 .icon,.o-tools-index .tool6 .icon {
	background-position: -17px -955px
}

.tool-list-main ul li .icon-tools.tool6 {
	background-position: -17px -955px
}

.o-article-tools .tool7 .icon,.o-tools-index .tool7 .icon {
	background-position: -17px -1032px
}

.tool-list-main ul li .icon-tools.tool7 {
	background-position: -17px -1032px
}

.o-article-tools .tool8 .icon,.o-tools-index .tool8 .icon {
	background-position: -17px -1109px
}

.tool-list-main ul li .icon-tools.tool8 {
	background-position: -17px -1109px
}

.o-article-tools .tool9 .icon,.o-tools-index .tool9 .icon {
	background-position: -17px -1186px
}

.tool-list-main ul li .icon-tools.tool9 {
	background-position: -17px -1186px
}

.o-article-tools .tool10 .icon,.o-tools-index .tool10 .icon {
	background-position: -17px -1263px
}

.tool-list-main ul li .icon-tools.tool10 {
	background-position: -17px -1263px
}

.o-article-tools .tool11 .icon,.o-tools-index .tool11 .icon {
	background-position: -17px -1340px
}

.tool-list-main ul li .icon-tools.tool11 {
	background-position: -17px -1340px
}

.o-article-tools .tool12 .icon,.o-tools-index .tool12 .icon {
	background-position: -18px -1417px
}

.tool-list-main ul li .icon-tools.tool12 {
	background-position: -18px -1417px
}

.o-article-tools .tool13 .icon,.o-tools-index .tool13 .icon {
	background-position: -17px -1494px
}

.tool-list-main ul li .icon-tools.tool13 {
	background-position: -17px -1494px
}

.o-article-tools .tool14 .icon,.o-tools-index .tool14 .icon {
	background-position: -17px -1571px
}

.tool-list-main ul li .icon-tools.tool14 {
	background-position: -17px -1571px
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd i {
	background-position: -17px -1571px
}

.o-article-tools .tool15 .icon,.o-tools-index .tool15 .icon {
	background-position: -18px -1648px
}

.tool-list-main ul li .icon-tools.tool15 {
	background-position: -18px -1648px
}

.o-article-tools .tool16 .icon,.o-tools-index .tool16 .icon {
	background-position: -17px -1725px
}

.tool-list-main ul li .icon-tools.tool16 {
	background-position: -17px -1725px
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {
	background-position: -66px -1802px
}

.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {
	background-position: -66px -1802px
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {
	background-position: -69px -1821px
}

.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {
	background-position: -69px -1821px
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {
	background-position: -69px -1843px
}

.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {
	background-position: -69px -1843px
}

.o-exercise-aside .menu-group.group-tp1 i {
	background-position: -67px -1864px
}

.o-exercise-aside .menu-group.group-tp2 i {
	background-position: -66px -1892px
}

.o-exercise-aside .menu-group.group-expand .group-hd em {
	background-position: -74px -1919px
}

.o-exercise-aside .menu-group .group-hd em {
	background-position: -74px -1934px
}

.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before {
	background-position: -69px -1949px
}

.o-video-aside .aside-bd .m-btn .btn-android i {
	background-position: -55px -1974px
}

.o-video-aside .aside-bd .m-btn .btn-ios i {
	background-position: -59px -2017px
}

.o-course-plan .course-section-hd .handler i {
	background-position: -75px -2057px
}

.o-course-plan .course-section-hd .handler.cur i {
	background-position: -75px -2072px
}

.o-course-plan .course-section-hd .course-play {
	background-position: -64px -2087px
}

.o-course-plan .course-section-hd .course-play:hover {
	background-position: -64px -2117px
}

.o-course-control .prev:hover i {
	background-position: -77px -2147px
}

.o-course-control .prev i {
	background-position: -76px -2168px
}

.o-course-control .next:hover i {
	background-position: -77px -2190px
}

.o-course-control .next i {
	background-position: -76px -2211px
}

.o-course-action .action .status {
	background-position: -36px -2233px
}

.o-course-action .video-action .change i {
	background-position: -69px -2291px
}

.o-course-action .video-action .change:hover i {
	background-position: -69px -2313px
}

.o-course-action .video-action .change.selected i {
	background-position: -69px -2313px
}

.o-course-action .video-action .guide:hover i {
	background-position: -68px -2335px
}

.o-course-action .video-action .guide i {
	background-position: -68px -2355px
}

.o-course-action .rest i {
	background-position: -58px -2375px
}

.o-changeAction-pop .close {
	background-position: -47px -2411px
}

.o-video-info .icon-sina {
	background-position: -68px -2459px
}

.o-video-info .icon-kongjian {
	background-position: -68px -2485px
}

.o-video-info .icon-wechat {
	background-position: -68px -2511px
}

.o-video-info .icon-qq {
	background-position: -68px -2537px
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i {
	background-position: -72px -2563px
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next i {
	background-position: -72px -2593px
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before {
	background-position: -24px -2623px
}

.o-course .exercise-list-more .more-btn.more i {
	background-position: -57px -2693px
}

.o-course .exercise-list-more i {
	background-position: -57px -2730px
}

.o-ucenter-wrap .main-hd .h-icon {
	background-position: -34px -2767px
}

.o-ucenter-wrap .main-hd .h-btn2 {
	background-position: -60px -2827px
}

.o-ucenter-wrap .my-course p:before {
	background-position: -64px -2861px
}

.o-ucenter-wrap .my-course p.finished:before {
	background-position: -64px -2891px
}

.o-ucenter-wrap .my-course .btn-cal {
	background-position: -63px -2921px
}

.o-ucenter-wrap .record-list .record-icon {
	background-position: -68px -2951px
}

.o-ucenter-wrap .record-list .record-item.expand .item-title i {
	background-position: -73px -2977px
}

.o-ucenter-wrap .aside-ft .btn-show-more i {
	background-position: -73px -2977px
}

.o-ucenter-wrap .record-list .item-title span i {
	background-position: -73px -2993px
}

.o-ucenter-wrap .aside-ft .btn-show-less i {
	background-position: -73px -2993px
}

.o-ucenter-wrap .data-show .btn-prev:before {
	background-position: -73px -3009px
}

.o-ucenter-wrap .data-show .btn-next:before {
	background-position: -73px -3038px
}

.o-ucenter-wrap .aside-hd .sex .male {
	background-position: -62px -3067px
}

.o-ucenter-wrap .aside-hd .sex .female {
	background-position: -62px -3099px
}

.o-ucenter-wrap .aside-hd .btn-edit:before {
	background-position: -71px -3131px
}

.o-ucenter-wrap .aside-bd .action-bar .cal {
	background-position: -67px -3154px
}

.o-ucenter-wrap .aside-bd .action-bar .share {
	background-position: -66px -3182px
}

.account-basic-wrapper .item.weixin .icon {
	background-position: -22px -3210px
}

.o-regist2 .other-login_bd .login-wx {
	background-position: -22px -3210px
}

.account-basic-wrapper .item.weibo .icon {
	background-position: -22px -3282px
}

.o-regist2 .other-login_bd .login-wb {
	background-position: -22px -3282px
}

.account-basic-wrapper .item.qq .icon {
	background-position: -22px -3354px
}

.o-regist2 .other-login_bd .login-qq {
	background-position: -22px -3354px
}

.o-bindUser .section-main .form-info .msg-err {
	background-position: -73px -3426px
}

.o-regist_row .icon-notice {
	background-position: -62px -3447px
}

.o-regist2 .icon_notice {
	background-position: -62px -3447px
}

.o-regist2 .icon_hiyd {
	background-position: 0 -3479px
}

.o-regist2 .icon_phone {
	background-position: -73px -3523px
}

.o-regist2 .icon_pic {
	background-position: -72px -3546px
}

.o-regist2 .icon_msg {
	background-position: -72px -3567px
}

.o-regist2 .icon_psw {
	background-position: -73px -3588px
}

.o-regist2 .icon_user {
	background-position: -72px -3611px
}

.o-regist2 .icon_right {
	background-position: -64px -3634px
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign i {
	background-position: -67px -3664px
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign i {
	background-position: -67px -3664px
}

.o-plan-index .box-info-hd .box-btn.btn-sign i {
	background-position: -67px -3664px
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i {
	background-position: -67px -3691px
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i {
	background-position: -67px -3691px
}

.o-plan-index .box-info-hd .box-btn.btn-sign.signed i {
	background-position: -67px -3691px
}

.o-bbcourse-index .box-table .table-con .row-icon {
	background-position: -58px -3718px
}

.o-plan-index .box-table .table-con .row-icon {
	background-position: -58px -3718px
}

.o-bbcourse-index .box-table .table-con .row-sign.signed i {
	background-position: -67px -3754px
}

.o-bbcourse-index .box-table .table-con .row-sign i {
	background-position: -67px -3781px
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i {
	background-position: -71px -3808px
}

.o-bbcourse-detail .box-aside h2 .icon-down {
	background-position: -76px -3829px
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before {
	background-position: -73px -3843px
}

.icon-question {
	background-position: -64px -3865px
}

.o-plan-index .box-table .table-con li.tp-clock:before {
	background-position: -42px -3895px
}

.o-plan-index .box-table .table-con li.tp-cur:before {
	background-position: -42px -3947px
}

.o-plan-index .box-table .table-con li.tp-fin:before {
	background-position: -42px -3999px
}

.o-plan-index .box-table .table-con .train.finished a:before {
	background-position: -72px -4051px
}

.o-plan-index .box-table .table-con .train a:before,.o-plan-index .box-table .table-con .train span:before {
	background-position: -72px -4073px
}

.ui-dialog-close,.ui-dialog-close:hover,.ui-dialog-close:focus,.login-ui .ui-dialog-close,.login-ui .ui-dialog-close:hover,.login-ui .ui-dialog-close:focus,.plan-dialog .ui-dialog-close,.o-header3-nav .search-warp a:before,.m-video-list li a .video-play,.m-video-list li a .video-play:hover,.m-tab-hd .trigger a.active .arrow,.o-course .single-sort-tab li.active:before,.o-index2 .section-mix .box4 .btn-download.btn-ios:before,.o-aside-top .btn-download.btn-ios:before,.o-index2 .section-mix .box4 .btn-download.btn-andirod:before,.o-aside-top .btn-download.btn-andirod:before,.o-index2 .icon-clock,.o-article-box .box-common1 .icon-clock,.section-pop .part6 .list-wrap input[type='radio'],.section-pop .part6 .list-wrap input[type='checkbox'],.section-pop .part6 .list-wrap input[type='radio']:checked,.section-pop .part6 .list-wrap input[type='checkbox']:checked,.section-pop .part6 .list-wrap input[type='radio']:disabled,.section-pop .part6 .list-wrap input[type='checkbox']:disabled,.section-pop .part7 input[type='radio'],.section-pop .part7 input[type='radio']:checked,.o-article-search .bdcs-search-form-submit,.aside-search .aside-icon-search:after,.o-article-tools .tool1 .icon,.o-tools-index .tool1 .icon {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}

.tool-list-main ul li .icon-tools.tool1,.o-article-tools .tool2 .icon,.o-tools-index .tool2 .icon,.tool-list-main ul li .icon-tools.tool2,.o-article-tools .tool3 .icon,.o-tools-index .tool3 .icon,.tool-list-main ul li .icon-tools.tool3,.o-article-tools .tool4 .icon,.o-tools-index .tool4 .icon,.tool-list-main ul li .icon-tools.tool4,.o-article-tools .tool5 .icon,.o-tools-index .tool5 .icon,.tool-list-main ul li .icon-tools.tool5,.o-article-tools .tool6 .icon,.o-tools-index .tool6 .icon,.tool-list-main ul li .icon-tools.tool6,.o-article-tools .tool7 .icon,.o-tools-index .tool7 .icon,.tool-list-main ul li .icon-tools.tool7,.o-article-tools .tool8 .icon,.o-tools-index .tool8 .icon,.tool-list-main ul li .icon-tools.tool8,.o-article-tools .tool9 .icon,.o-tools-index .tool9 .icon,.tool-list-main ul li .icon-tools.tool9,.o-article-tools .tool10 .icon,.o-tools-index .tool10 .icon,.tool-list-main ul li .icon-tools.tool10,.o-article-tools .tool11 .icon,.o-tools-index .tool11 .icon {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}

.tool-list-main ul li .icon-tools.tool11,.o-article-tools .tool12 .icon,.o-tools-index .tool12 .icon,.tool-list-main ul li .icon-tools.tool12,.o-article-tools .tool13 .icon,.o-tools-index .tool13 .icon,.tool-list-main ul li .icon-tools.tool13,.o-article-tools .tool14 .icon,.o-tools-index .tool14 .icon,.tool-list-main ul li .icon-tools.tool14,.o-ucenter-wrap .aside-section2 .sec-box .box-bd i,.o-article-tools .tool15 .icon,.o-tools-index .tool15 .icon,.tool-list-main ul li .icon-tools.tool15,.o-article-tools .tool16 .icon,.o-tools-index .tool16 .icon,.tool-list-main ul li .icon-tools.tool16,.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before,.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before,.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before,.o-exercise-aside .menu-group.group-tp1 i,.o-exercise-aside .menu-group.group-tp2 i,.o-exercise-aside .menu-group.group-expand .group-hd em,.o-exercise-aside .menu-group .group-hd em,.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before,.o-video-aside .aside-bd .m-btn .btn-android i,.o-video-aside .aside-bd .m-btn .btn-ios i {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}

.o-course-plan .course-section-hd .handler i,.o-course-plan .course-section-hd .handler.cur i,.o-course-plan .course-section-hd .course-play,.o-course-plan .course-section-hd .course-play:hover,.o-course-control .prev:hover i,.o-course-control .prev i,.o-course-control .next:hover i,.o-course-control .next i,.o-course-action .action .status,.o-course-action .video-action .change i,.o-course-action .video-action .change:hover i,.o-course-action .video-action .change.selected i,.o-course-action .video-action .guide:hover i,.o-course-action .video-action .guide i,.o-course-action .rest i,.o-changeAction-pop .close,.o-video-info .icon-sina,.o-video-info .icon-kongjian,.o-video-info .icon-wechat,.o-video-info .icon-qq,.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i,.o-video-guide-pics .guide-pic-wrap .ui-slide__next i,.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before,.o-course .exercise-list-more .more-btn.more i,.o-course .exercise-list-more i,.o-ucenter-wrap .main-hd .h-icon,.o-ucenter-wrap .main-hd .h-btn2,.o-ucenter-wrap .my-course p:before,.o-ucenter-wrap .my-course p.finished:before,.o-ucenter-wrap .my-course .btn-cal {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}

.o-ucenter-wrap .record-list .record-icon,.o-ucenter-wrap .record-list .record-item.expand .item-title i,.o-ucenter-wrap .aside-ft .btn-show-more i,.o-ucenter-wrap .record-list .item-title span i,.o-ucenter-wrap .aside-ft .btn-show-less i,.o-ucenter-wrap .data-show .btn-prev:before,.o-ucenter-wrap .data-show .btn-next:before,.o-ucenter-wrap .aside-hd .sex .male,.o-ucenter-wrap .aside-hd .sex .female,.o-ucenter-wrap .aside-hd .btn-edit:before,.o-ucenter-wrap .aside-bd .action-bar .cal,.o-ucenter-wrap .aside-bd .action-bar .share,.account-basic-wrapper .item.weixin .icon,.o-regist2 .other-login_bd .login-wx,.account-basic-wrapper .item.weibo .icon,.o-regist2 .other-login_bd .login-wb,.account-basic-wrapper .item.qq .icon,.o-regist2 .other-login_bd .login-qq,.o-bindUser .section-main .form-info .msg-err,.o-regist_row .icon-notice,.o-regist2 .icon_notice,.o-regist2 .icon_hiyd,.o-regist2 .icon_phone,.o-regist2 .icon_pic,.o-regist2 .icon_msg,.o-regist2 .icon_psw,.o-regist2 .icon_user,.o-regist2 .icon_right,.o-bbcourse-index .box-info-hd .box-btn.btn-sign i,.o-bbcourse-index .box-table .table-con td:hover .row-sign i {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}

.o-plan-index .box-info-hd .box-btn.btn-sign i,.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i,.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i,.o-plan-index .box-info-hd .box-btn.btn-sign.signed i,.o-bbcourse-index .box-table .table-con .row-icon,.o-plan-index .box-table .table-con .row-icon,.o-bbcourse-index .box-table .table-con .row-sign.signed i,.o-bbcourse-index .box-table .table-con .row-sign i,.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i,.o-bbcourse-detail .box-aside h2 .icon-down,.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before,.icon-question,.o-plan-index .box-table .table-con li.tp-clock:before,.o-plan-index .box-table .table-con li.tp-cur:before,.o-plan-index .box-table .table-con li.tp-fin:before,.o-plan-index .box-table .table-con .train.finished a:before,.o-plan-index .box-table .table-con .train a:before,.o-plan-index .box-table .table-con .train span:before {
	background-size: 84px 4085px;
	background-image: url(/static/img/sprite/global_1_z.png?d7af1b2b1c6d7b97)
}